jQuery操作select的實(shí)例代碼

更新時(shí)間：2012年06月14日 20:04:49 作者：

jQuery操作select的實(shí)例代碼，這篇比較簡(jiǎn)單，如果想要想了解更多可以參考腳本之家以前發(fā)布的文章

select:

 
奪得2008年歐洲杯冠軍的國(guó)家是： 
<select name="nation" id="nation"> 
<option value="">請(qǐng)選擇</option> 
<option value="Germany">德國(guó)</option> 
<option value="France">法國(guó)</option> 
<option value="Italy">意大利</option> 
<option value="England">英國(guó)</option> 
<option value="Spain">西班牙</option> 
<option value="Greece">希臘</option> 
</select> 

1、判斷是否選擇了國(guó)家。

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

 
if($("#nation").val()=="") { 
alert("請(qǐng)選擇國(guó)家"); 
} 

　　2、獲取select中option項(xiàng)的個(gè)數(shù)。

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

$("#nation").find("option").length;

　　3、獲取選中的option的值value和顯示的文本text。

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

//獲取選中項(xiàng)的值 
$("#nation").val(); 
//獲取選中項(xiàng)顯示的文本 
$("#nation").find("option:selected").text(); 

　　4、設(shè)置西班牙為選中項(xiàng)。

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

$("#nation").find("option[value='Spain']").attr("selected",true);

　　5、獲取被選中的國(guó)家的索引，索引從0開(kāi)始。

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

$("#nation").find("option:selected").index()

　　6、添加一個(gè)國(guó)家選項(xiàng)。
?

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

$("#nation").append("<option value='Ukraine'>烏克蘭</option>");

　　7、刪除一個(gè)國(guó)家選項(xiàng)。

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

//刪除value="Italy"的選項(xiàng) 
$("#nation").find("option[value='Italy']").remove(); 
//刪除索引為2的選項(xiàng) 
$("#nation").find("option[index=2]").remove(); 

您可能感興趣的文章:

jQuery操作select

相關(guān)文章

jQuery輕松實(shí)現(xiàn)無(wú)縫輪播效果
這篇文章主要為大家詳細(xì)介紹了jQuery輕松實(shí)現(xiàn)無(wú)縫輪播效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03
為JQuery EasyUI 表單組件增加焦點(diǎn)切換功能的方法
下面小編就為大家?guī)?lái)一篇為JQuery EasyUI 表單組件增加焦點(diǎn)切換功能的方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2017-04-04
jQuery 防止相同的事件快速重復(fù)觸發(fā)方法
下面小編就為大家分享一篇jQuery 防止相同的事件快速重復(fù)觸發(fā)方法。具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
2018-02-02
jquery實(shí)現(xiàn)手風(fēng)琴效果
這篇文章主要介紹了jquery實(shí)現(xiàn)手風(fēng)琴效果，像手風(fēng)琴一樣打開(kāi)，立體感效果比較強(qiáng)，感興趣的小伙伴們可以參考一下
2015-11-11
jQuery焦點(diǎn)圖輪播特效代碼分享（3款）
這篇文章主要介紹了jQuery焦點(diǎn)圖輪播特效，jQuery cxSlide實(shí)現(xiàn)的三款多功能大氣焦點(diǎn)圖輪播特效源碼，是一段擁有三種不同風(fēng)格和效果的焦點(diǎn)圖輪播代碼，還可以使用鼠標(biāo)的滾輪控制圖片的縮放，推薦給大家，有需要的小伙伴可以參考下
2015-09-09
Jquery實(shí)現(xiàn)自定義tooltip示例代碼
這篇文章主要介紹了Jquery實(shí)現(xiàn)自定義tooltip的方法,需要的朋友可以參考下
2014-02-02
jQuery中element選擇器用法實(shí)例
這篇文章主要介紹了jQuery中element選擇器用法,實(shí)例分析了element選擇器的功能、定義及相關(guān)的操作技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
jQuery選擇器之基本選擇器與層次選擇器
本文主要是通過(guò)表格向大家展示了jQuery選擇器之基本選擇器與層次選擇器，方便大家對(duì)比學(xué)習(xí)，有需要的小伙伴參考下。
2015-03-03
jquery加載頁(yè)面的方法(頁(yè)面加載完成就執(zhí)行)
jquery加載頁(yè)面的方法(頁(yè)面加載完成就執(zhí)行),建議大家看下windows.onload與$(document).ready之間的區(qū)別。
2011-06-06
JQuery 無(wú)廢話系列教程(二) jquery實(shí)戰(zhàn)篇上
就進(jìn)入實(shí)戰(zhàn)?是不是太快了?我還不知道怎么用JQuery!! ...
2009-06-06