Jquery操作Select實例

//1.jQuery獲取Select的Text和Value:
//(1).為Select添加事件，當選擇其中一項時觸發(fā)
$("#select_id").change(function(){});
//(2).獲取Select選擇的Text
$("#select_id").find("option:selected").text();
$('#select_id option:selected').text();
//(3).獲取Select選擇的Value
$("#select_id").val();
//(4).獲取Select選擇的索引值
$("#select_id ").get(0).selectedIndex; 
//(5).獲取Select最大的索引值
$("#select_id option:last").attr("index");
//2.jQuery設置“Select”的Text和Value以及選中項
//(1).設置Select索引值為1的項選中
$("#select_id ").get(0).selectedIndex=1;
//(2).設置Select的Value值為4的項選中
$("#select_id ").val(4);
//(3).設置Select的Text值為jQuery的項選中
$("#select_id option[text='jQuery']").attr("selected", true);
//(4)獲取select名稱為items，并且被選中項的文本
$("select[name=items] option[selected]").text();
//(5).select下拉框的第二個元素為當前選中值
$('#select_id')[0].selectedIndex = 1;
//(6).設置value=-sel3的項目為當前選中項
$("#sel").attr("value",'-sel3');
//3.jQuery添加/刪除Select的Option項：
//(1).為Select追加一個Option(下拉項)
$("#select_id").append("<option value='Value'>Text</option>"); 
//(2).為Select插入一個Option(第一個位置)
$("#select_id").prepend("<option value='0'>請選擇</option>");  //
//(3).刪除Select中索引值最大Option(最后一個)
$("#select_id option:last").remove();
//(4).刪除Select中索引值為0的Option(第一個)
$("#select_id option[index='0']").remove();
//(5).刪除Select中Value='3'的Option
$("#select_id option[value='3']").remove();
//(6).刪除Select中Text='4'的Option
$("#select_id option[text='4']").remove();
//(7).添加下拉框的option
$("<option value='1'>1111</option><option value='2'>2222</option>").appendTo("#sel")
//(8).清空下拉框
$("#sel").empty()；
//(9).獲取select名稱為inc選項個數(shù)
var len = $("select[name=inc] option").length
//(10).名稱為priority并且選中
$("select[name=priority] option:selected").val();
//1.jquery radio取值，checkbox取值，select取值，radio選中，checkbox選中，select選中，及其相關
//(1).獲取一組radio被選中項的值
var item = $('input[name=items][checked]').val();
//(2).radio單選組的第二個元素為當前選中值
$('input[name=items]').get(1).checked = true;
//(3).獲取類型為單選框，并且選中的
$("input[type=radio][checked]").val();
//(4).設置value=2的項目為當前選中項
$("input[type=radio]").attr("checked",'2');
//(5).設置單選框value=2的為選中狀態(tài).(注意中間沒有空格)
$("input[@type=radio][@value=2]").attr("checked",'checked');
//(6).得到單選框的 選中項的值(注意中間沒有空格)
$("input[@type=radio][@checked]").val();