快捷導(dǎo)航

jQuery select的操作實現(xiàn)代碼

更新時間：2009年05月06日 02:47:04 作者：

jQuery對select的操作的實際應(yīng)用代碼。方便大家學(xué)習(xí)jquery

//改變時的事件

$("#testSelect").change(function(){ //事件發(fā)生 
jQuery('option:selected', this).each(function(){ //印出選到多個值 
alert(this.value); 
}); 
}); 

//印出選到的項目

復(fù)制代碼代碼如下:

法1：$("select#Clubs").children("[@selected]").each(function(){ 
alert(this.text); 
}); 
法2：$("#selBags").val(); //這個比較快啦，但限單選 

//取得下拉選單的選取值

復(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

您可能感興趣的文章:

相關(guān)文章

jquery+ajax驗證不通過也提交表單問題處理
這篇文章主要介紹了jquery validationEngine中使用ajax驗證不通過也提交表單問題處理,需要的朋友可以參考下
2014-12-12
jquery圖片不完全按比例自動縮小的簡單代碼
開發(fā)前期用自動生產(chǎn) 固定大小的圖片進行顯示，發(fā)現(xiàn)不能滿足，在前期的時候把保存了原圖，現(xiàn)在只能顯示原圖，原圖由于上傳時候沒有做任何限制所有要使用圖片不完全按比例縮小，下面是代碼
2013-07-07
Jquery如何使用animation動畫效果改變背景色的代碼
這篇文章主要介紹了Jquery如何使用animation動畫效果改變背景色,需要的朋友可以參考下
2020-07-07
40款非常有用的 jQuery 插件推薦（系列一）
jQuery 是一個非常優(yōu)秀的 JavaScript 框架，在現(xiàn)在的 Web 開發(fā)項目中扮演著重要角色。jQuery 使用簡單靈活，同時還有許多成熟的插件可供選擇，它可以幫助你在項目中加入一些非常好的效果，讓網(wǎng)站有更好的可用性和用戶體驗
2011-12-12
jQuery事件用法詳解
這篇文章主要為大家詳細介紹了jQuery事件用法，具有一定的參考價值，感興趣的朋友可以參考一下
2016-10-10
jQuery Ajax 實現(xiàn)在html頁面實時顯示用戶登錄狀態(tài)
本文給大家分享jQuery Ajax 實現(xiàn)在html頁面實時顯示用戶登錄狀態(tài)的實現(xiàn)方法，非常不錯，具有參考借鑒價值，需要的朋友參考下
2016-12-12
jquery實現(xiàn)跳到底部，回到頂部效果的簡單實例(類似錨)
下面小編就為大家?guī)硪黄猨query實現(xiàn)跳到底部，回到頂部效果的簡單實例(類似錨)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2016-07-07
javascript開發(fā)中使用onpropertychange,oninput事件解決onchange事件的不足
用onpropertychange,oninput事件解決onchange事件的不足，需要的朋友可以參考下。
2010-11-11
jquery中EasyUI使用技巧小結(jié)
這篇文章主要介紹了jquery中EasyUI使用技巧小結(jié),都是些個人經(jīng)驗，分享給大家，需要的朋友可以參考下
2015-02-02
jQuery實戰(zhàn)之品牌展示列表效果
在項目中遇到的需求，效果是仿淘寶的。寫出來和他家分享下，很簡單的東西。^_^
2011-04-04