萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> jQuery對Select的操作大集合

jQuery對Select的操作大集合

 本篇文章主要介紹了jQuery對Select的操作進行了詳細的匯總,需要的朋友可以過來參考下,希望對大家有所幫助

1.jQuery添加/刪除Select的Option項: 2.$("#select_id").append("<option value='Value'>Text</option>");   //為Select追加一個Option(下拉項)   3.$("#select_id").prepend("<option value='0'>請選擇</option>");   //為Select插入一個Option(第一個位置)   4.$("#select_id option:last").remove();   //刪除Select中索引值最大Option(最後一個)   5.$("#select_id option[index='0']").remove();   //刪除Select中索引值為0的Option(第一個)   6.$("#select_id option[value='3']").remove();   //刪除Select中Value='3'的Option   7.$("#select_id option[text='4']").remove();   //刪除Select中Text='4'的Option   8.$("#select_id").empty(); //清空select中的option     1.jQuery獲取Select選擇的Text和Value: 2.$("#select_id").change(function(){//code...});    //為Select添加事件,當選擇其中一項時觸發   3.var checkText=$("#select_id").find("option:selected").text();   //獲取Select選擇的Text   4.var checkValue=$("#select_id").val();   //獲取Select選擇的Value   5.var checkIndex=$("#select_id ").get(0).selectedIndex;   //獲取Select選擇的索引值  6.var maxIndex=$("#select_id option:last").attr("index");   //獲取Select最大的索引值 jQuery設置Select選擇的Text和Value:     
copyright © 萬盛學電腦網 all rights reserved