jQuery对select的操作_$t('select project')-优快云博客

本文介绍如何使用jQuery操作HTML中的Select元素，包括获取选中项的值和文本、设置选中状态、移除选项等方法，并提供了多种实现方式及示例代码。

//改變時的事件

$("#testSelect").change(function(){ //事件發生
jQuery('option:selected', this).each(function(){ //印出選到多個值
alert(this.value); 
});
});

//印出選到的項目

法1：$("select#Clubs").children("[@selected]").each(function(){
alert(this.text); 
});
法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

原文地址：