jQuery對select的操作

最新推荐文章于 2022-05-15 22:35:13 发布

原创最新推荐文章于 2022-05-15 22:35:13 发布 · 129 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jQuery #F# #ViewUI

Ajax 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了使用jQuery操作下拉菜单的方法，包括选择项、获取选中值、删除选项及设置选项为选中状态等实用技巧。


 //改變時的事件

$("#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(){  f ($(this).text()=="option you want")    this.selected = true;});