天天看點

jQuery對select的基本操作

一、基本操作

為select添加事件,當選擇其中一項時觸發

$("#select_id").change(function(){ });   

擷取select選擇的text

var checktext=$("#select_id").find("option:selected").text();

擷取select選擇的value

var checkvalue=$("#select_id").val();

擷取select選擇的索引值

var checkindex=$("#select_id ").get(0).selectedindex;  

擷取select最大的索引值

var maxindex=$("#select_id option:last").attr("index");  

設定select索引值為1的項選中

$("#select_id ").get(0).selectedindex=1;

設定select的value值為4的項選中

$("#select_id ").val(4);

設定select的text值為jquery的項選中

$("#select_id option[text='jquery']").attr("selected", true);

二、添加/删除select元素的option項

為select追加一個option(下拉項)

$("#select_id").append("

text");

為select插入一個option(第一個位置)

$("#select_id").prepend("

請選擇");

删除select中索引值最大option(最後一個)

$("#select_id option:last").remove();

删除select中索引值為0的option(第一個)

$("#select_id option[index='0']").remove();

删除select中value='3'的option

$("#select_id option[value='3']").remove();

删除select中text='4'的option

$("#select_id option[text='4']").remove();

原帖位址:http://blog.sina.com.cn/s/blog_657332580100znjq.html

繼續閱讀