jQuery select的操作實(shí)現(xiàn)代碼
更新時(shí)間:2009年05月06日 02:47:04 作者:
jQuery對(duì)select的操作的實(shí)際應(yīng)用代碼。方便大家學(xué)習(xí)jquery
//改變時(shí)的事件
$("#testSelect").change(function(){ //事件發(fā)生
jQuery('option:selected', this).each(function(){ //印出選到多個(gè)值
alert(this.value);
});
});
//印出選到的項(xiàng)目
法1:$("select#Clubs").children("[@selected]").each(function(){
alert(this.text);
});
法2:$("#selBags").val(); //這個(gè)比較快啦,但限單選
//取得下拉選單的選取值
$(#testSelect option:selected').text();
或$("#testSelect").find('option:selected').text();
//移除
removeOption(index/value/regex[, selectedOnly])
$('select#Clubs option:selected').remove();
//使某option變?yōu)閟elected
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
復(fù)制代碼 代碼如下:
$("#testSelect").change(function(){ //事件發(fā)生
jQuery('option:selected', this).each(function(){ //印出選到多個(gè)值
alert(this.value);
});
});
//印出選到的項(xiàng)目
復(fù)制代碼 代碼如下:
法1:$("select#Clubs").children("[@selected]").each(function(){
alert(this.text);
});
法2:$("#selBags").val(); //這個(gè)比較快啦,但限單選
//取得下拉選單的選取值
復(fù)制代碼 代碼如下:
$(#testSelect option:selected').text();
或$("#testSelect").find('option:selected').text();
//移除
removeOption(index/value/regex[, selectedOnly])
復(fù)制代碼 代碼如下:
$('select#Clubs option:selected').remove();
//使某option變?yōu)閟elected
復(fù)制代碼 代碼如下:
var select = $(tdsEdit[0]).find("select"); //取得select
$(select).children().each(function(){
if ($(this).text()=="option you want")
//jQuery給法
復(fù)制代碼 代碼如下:
$(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
您可能感興趣的文章:
- jquery select(列表)的操作(取值/賦值)
- Jquery操作radio,checkbox,select表單操作實(shí)現(xiàn)代碼
- Jquery Select操作方法集合腳本之家特別版
- jQuery select操作控制方法小結(jié)
- 利用jquery操作select下拉列表框的代碼
- jquery操作select option 的代碼小結(jié)
- jQuery操作Select選擇的Text和Value(獲取/設(shè)置/添加/刪除)
- JQuery操作Select的Options的Bug(IE8兼容性視圖模式)
- 淺析jQuery對(duì)select操作小結(jié)(遍歷option,操作option)
- jQuery操作Select的Option上下移動(dòng)及移除添加等等
- jquery操作select詳解(取值,設(shè)置選中)
- jquery 操作兩個(gè)select實(shí)現(xiàn)值之間的互相傳遞
- jquery操作select大全
- jQuery操作select下拉框的text值和value值的方法
- Jquery對(duì)select的增、刪、改、查操作
相關(guān)文章
jQuery noConflict() 方法用法實(shí)例分析
這篇文章主要介紹了jQuery noConflict() 方法用法,結(jié)合實(shí)例形式分析了jQuery noConflict() 方法基本功能、用法及操作注意事項(xiàng),需要的朋友可以參考下2020-05-05JQuery報(bào)錯(cuò)Uncaught TypeError: Illegal invocation的處理方法
這篇文章主要介紹了JQuery報(bào)錯(cuò)"Uncaught TypeError: Illegal invocation"的處理方法,需要的朋友可以參考下2015-03-03jQuery實(shí)現(xiàn)動(dòng)態(tài)操作table行
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)動(dòng)態(tài)操作table行,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11JQuery設(shè)置獲取下拉菜單某個(gè)選項(xiàng)的值(比較全)
這篇文章主要介紹了JQuery如何設(shè)置獲取下拉菜單某個(gè)選項(xiàng)的值(比較全),需要的朋友可以參考下2014-08-08jquery動(dòng)態(tài)分頁(yè)效果堪比時(shí)光網(wǎng)
剛剛弄好了一個(gè)jquery動(dòng)態(tài)分頁(yè)效果,拿出來(lái)與大家分享,效果與時(shí)光網(wǎng)的差不多2014-09-09