麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

JS,Jquery獲取select,dropdownlist,checkbox下拉列表框的值(示例代碼)

2019-11-20 21:16:22
字體:
來源:轉載
供稿:網友

jQuery獲取Select選擇的Text和Value:
語法解釋:
1. $("#select_id").change(function(){//code...});   //為Select添加事件,當選擇其中一項時觸發
2. var checkText=$("#select_id").find("option:selected").text();  //獲取Select選擇的Text
3. var checkValue=$("#select_id").val();  //獲取Select選擇的Value
4. var checkIndex=$("#select_id ").get(0).selectedIndex;  //獲取Select選擇的索引值
5. var maxIndex=$("#select_id option:last").attr("index");  //獲取Select最大的索引值 

jQuery設置Select選擇的Text和Value:
語法解釋:
1. $("#select_id ").get(0).selectedIndex=1;  //設置Select索引值為1的項選中
2. $("#select_id ").val(4);   //設置Select的Value值為4的項選中
3. $("#select_id option[text='jQuery']").attr("selected", true);   //設置Select的Text值為jQuery的項選中

jQuery添加/刪除Select的Option項:
語法解釋:
1. $("#select_id").append("<option value='Value'>Text</option>");  //為Select追加一個Option(下拉項)
2. $("#select_id").prepend("<option value='0'>請選擇</option>");  //為Select插入一個Option(第一個位置)
3. $("#select_id option:last").remove();  //刪除Select中索引值最大Option(最后一個)
4. $("#select_id option[index='0']").remove();  //刪除Select中索引值為0的Option(第一個)
5. $("#select_id option[value='3']").remove();  //刪除Select中Value='3'的Option
5. $("#select_id option[text='4']").remove();  //刪除Select中Text='4'的Option

jquery radio取值,checkbox取值,select取值,radio選中,checkbox選中,select選中,及其相關 
獲取一組radio被選中項的值 
var item = $('input[@name=items][@checked]').val(); 
獲取select被選中項的文本 
var item = $("select[@name=items] option[@selected]").text(); 
select下拉框的第二個元素為當前選中值 
$('#select_id')[0].selectedIndex = 1; 
radio單選組的第二個元素為當前選中值 
$('input[@name=items]').get(1).checked = true; 

獲取值: 
 
文本框,文本區域:$("#txt").attr("value"); 
多選框checkbox:$("#checkbox_id").attr("value"); 
單選組radio:   $("input[@type=radio][@checked]").val(); 
下拉框select: $('#sel').val(); 

控制表單元素: 
文本框,文本區域:$("#txt").attr("value",'');//清空內容 
                 $("#txt").attr("value",'11');//填充內容 

多選框checkbox: $("#chk1").attr("checked",'');//不打勾 
                 $("#chk2").attr("checked",true);//打勾 
                 if($("#chk1").attr('checked')==undefined) //判斷是否已經打勾 

單選組radio:    $("input[@type=radio]").attr("checked",'2');//設置value=2的項目為當前選中項 
下拉框select:   $("#sel").attr("value",'-sel3');//設置value=-sel3的項目為當前選中項 
                $("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")//添加下拉框的option 
                $("#sel").empty();//清空下拉框

-------------------------------------------------------------------

//遍歷option和添加、移除option
function changeShipMethod(shipping){
var len = $("select[@name=ISHIPTYPE] option").length
if(shipping.value != "CA"){
$("select[@name=ISHIPTYPE] option").each(function(){
if($(this).val() == 111){
$(this).remove();
}
});
}else{
$("<option value='111'>UPS Ground</option>").appendTo($("select[@name=ISHIPTYPE]"));
}
}

//取得下拉

主站蜘蛛池模板: 在线a亚洲视频播放在线观看 | 一级黄片毛片免费看 | 精品国产一区二区三区天美传媒 | 日本aaaa片毛片免费观看视频 | 中文字幕视频在线播放 | 一级做a在线观看 | 性生活视频软件 | 精品一区二区三区在线观看国产 | 午夜视频在线看 | 久久精品国产99久久久古代 | 99在线免费观看视频 | 欧美一区二区三区不卡免费观看 | 国产1区2区在线 | 成人毛片免费看 | 国产伦精品一区二区三区在线 | 国产精品一区二区三区99 | 国产精品久久久久久影院8一贰佰 | 热re91久久精品国产99热 | jizzzzxxxxx| 黄色免费播放网站 | 欧美视频99| av老司机久久| 成人羞羞国产免费游戏 | 中日无线码1区 | av在线直播观看 | 日本一区二区三区视频在线 | 色播一区 | 911精品影院在线观看 | 91情侣偷在线精品国产 | 久久国产亚洲视频 | 斗破苍穹在线免费 | 欧美日韩经典在线 | 中国的免费的视频 | 天天色狠狠干 | 日本在线观看中文字幕 | 久草在线高清视频 | 中国杭州少妇xxxx做受 | 黄色免费大片 | 亚洲一区成人在线 | 亚洲码无人客一区二区三区 | 久久久精品视频在线观看 |