jQuery select的操作代码

时间:2023-03-09 17:43:14
jQuery select的操作代码

jQuery對select的操作的实际应用代码。

//改變時的事件 
复制代码代码如下:
$("#testSelect").change(function(){ //事件發生 
jQuery('option:selected', this).each(function(){ //印出選到多個值 
alert(this.value); 
}); 
}); 

//印出選到的項目

复制代码代码如下:
法1:$("select#Clubs").children("[@selected]").each(function(){ 
alert(this.text); 
});  www.jbxue.com
法2:$("#selBags").val(); //這個比較快啦,但限單選 

//取得下拉選單的選取值

复制代码代码如下:
$(#testSelect option:selected').text(); 
或$("#testSelect").find('option:selected').text(); 

//移除 
removeOption(index/value/regex[, selectedOnly])

复制代码代码如下:
$('select#Clubs option:selected').remove(); 

//使某option變為selected 

复制代码代码如下:
var select = $(tdsEdit[0]).find("select"); //取得select 
$(select).children().each(function(){ 
if ($(this).text()=="option you want") 

//jQuery給法 

复制代码代码如下:
$(this).attr("selected","true"); //或是給selected也可 
//javascript給法 
this.selected = true; 
});

參考
http://www.texotela.co.uk/code/jquery/select/
http://blog.jeremymartin.name/2008/02/easy-multi-select-transfer-with-jquery.html