jQuery select的操作实现代码_Javascript教程-查字典教程网
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教程学习
    编程开发子分类