jQuery操作select的實(shí)例代碼
更新時(shí)間：2012年06月14日 20:04:49 作者：
jQuery操作select的實(shí)例代碼，這篇比較簡(jiǎn)單，如果想要想了解更多可以參考腳本之家以前發(fā)布的文章
select:
奪得2008年歐洲杯冠軍的國家是：
<select name="nation" id="nation">
<option value="">請(qǐng)選擇</option>
<option value="Germany">德國</option>
<option value="France">法國</option>
<option value="Italy">意大利</option>
<option value="England">英國</option>
<option value="Spain">西班牙</option>
<option value="Greece">希臘</option>
</select>
1、判斷是否選擇了國家。
if($("#nation").val()=="") {
alert("請(qǐng)選擇國家");
}
2、獲取select中option項(xiàng)的個(gè)數(shù)。
3、獲取選中的option的值value和顯示的文本text。
4、設(shè)置西班牙為選中項(xiàng)。
5、獲取被選中的國家的索引，索引從0開始。
6、添加一個(gè)國家選項(xiàng)。
?
7、刪除一個(gè)國家選項(xiàng)。
復(fù)制代碼 代碼如下:
奪得2008年歐洲杯冠軍的國家是：
<select name="nation" id="nation">
<option value="">請(qǐng)選擇</option>
<option value="Germany">德國</option>
<option value="France">法國</option>
<option value="Italy">意大利</option>
<option value="England">英國</option>
<option value="Spain">西班牙</option>
<option value="Greece">希臘</option>
</select>
1、判斷是否選擇了國家。
復(fù)制代碼 代碼如下:
if($("#nation").val()=="") {
alert("請(qǐng)選擇國家");
}
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();
$("#nation").val();
//獲取選中項(xiàng)顯示的文本
$("#nation").find("option:selected").text();
4、設(shè)置西班牙為選中項(xiàng)。
復(fù)制代碼 代碼如下:
$("#nation").find("option[value='Spain']").attr("selected",true);
5、獲取被選中的國家的索引，索引從0開始。
復(fù)制代碼 代碼如下:
$("#nation").find("option:selected").index()
6、添加一個(gè)國家選項(xiàng)。
?
復(fù)制代碼 代碼如下:
$("#nation").append("<option value='Ukraine'>烏克蘭</option>");
7、刪除一個(gè)國家選項(xiàng)。
復(fù)制代碼 代碼如下:
//刪除value="Italy"的選項(xiàng)
$("#nation").find("option[value='Italy']").remove();
//刪除索引為2的選項(xiàng)
$("#nation").find("option[index=2]").remove();
$("#nation").find("option[value='Italy']").remove();
//刪除索引為2的選項(xiàng)
$("#nation").find("option[index=2]").remove();
您可能感興趣的文章:
- jquery操作select詳解(取值,設(shè)置選中)
- jquery實(shí)現(xiàn)動(dòng)態(tài)操作select選中
- jQuery操作select下拉框的text值和value值的方法
- jquery操作select option 的代碼小結(jié)
- 利用jquery操作select下拉列表框的代碼
- jQuery操作Select的Option上下移動(dòng)及移除添加等等
- jQuery操作Select選擇的Text和Value(獲取/設(shè)置/添加/刪除)
- jquery操作select大全
- jquery操作select元素和option的實(shí)例代碼
- jquery下拉select控件操作方法分享(jquery操作select)
- jquery操作select常見方法大全【7種情況】
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了jQuery輕松實(shí)現(xiàn)無縫輪播效果，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-03-03
為JQuery EasyUI 表單組件增加焦點(diǎn)切換功能的方法
下面小編就為大家?guī)硪黄獮镴Query EasyUI 表單組件增加焦點(diǎn)切換功能的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-04-04
jQuery 防止相同的事件快速重復(fù)觸發(fā)方法
下面小編就為大家分享一篇jQuery 防止相同的事件快速重復(fù)觸發(fā)方法。具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-02-02
jquery實(shí)現(xiàn)手風(fēng)琴效果
這篇文章主要介紹了jquery實(shí)現(xiàn)手風(fēng)琴效果，像手風(fēng)琴一樣打開，立體感效果比較強(qiáng)，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了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í)例分析了element選擇器的功能、定義及相關(guān)的操作技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2014-12-12
本文主要是通過表格向大家展示了jQuery選擇器之基本選擇器與層次選擇器，方便大家對(duì)比學(xué)習(xí)，有需要的小伙伴參考下。2015-03-03
jquery加載頁面的方法(頁面加載完成就執(zhí)行),建議大家看下windows.onload與$(document).ready之間的區(qū)別。2011-06-06
JQuery 無廢話系列教程(二) jquery實(shí)戰(zhàn)篇上
就進(jìn)入實(shí)戰(zhàn)?是不是太快了?我還不知道怎么用JQuery!! ...2009-06-06