jquery操作select-优快云博客

本文介绍了如何使用jQuery处理选择框事件，包括事件触发时的代码实现、打印选中项目的不同方法、移除选项及使选项变为选中状态等操作。提供了多种实现方式，适合前端开发人员学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

//改變時的事件

复制代码代码如下:

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