jQuery select的操作实现代码
jQuery select的操作实现代码
发布时间:2016-12-30 来源:查字典编辑
摘要://改變時的事件复制代码代码如下:$("#testSelect").change(function(){//事件發生jQuery('opti...

//改變時的事件

复制代码 代码如下:

$("#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

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类