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ó)家。
if($("#nation").val()=="") {
alert("請(qǐng)選擇國(guó)家");
}
2、獲取select中option項(xiàng)的個(gè)數(shù)。
3、獲取選中的option的值value和顯示的文本text。
4、設(shè)置西班牙為選中項(xiàng)。
5、獲取被選中的國(guó)家的索引,索引從0開(kāi)始。
6、添加一個(gè)國(guó)家選項(xiàng)。
?
7、刪除一個(gè)國(guó)家選項(xiàng)。
復(fù)制代碼 代碼如下:
奪得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();
$("#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();
$("#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常見(jiàn)方法大全【7種情況】
相關(guān)文章
jQuery中l(wèi)ive方法的重復(fù)綁定說(shuō)明
使用jQuery的live()方法綁定事件,有時(shí)會(huì)出現(xiàn)重復(fù)綁定的情況,如,當(dāng)點(diǎn)擊一個(gè)按鈕時(shí),此按鈕所綁定的事件會(huì)并執(zhí)行n遍2011-10-10Jquery揭秘系列:ajax原生js實(shí)現(xiàn)詳解(推薦)
下面小編就為大家?guī)?lái)一篇Jquery揭秘系列:ajax原生js實(shí)現(xiàn)詳解(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-06-06基于Jquery實(shí)現(xiàn)仿百度百科右側(cè)導(dǎo)航代碼附源碼下載
本篇文章給大家介紹基于jquery實(shí)現(xiàn)仿百度百科右側(cè)導(dǎo)航代碼附源碼下載,對(duì)百度百科右側(cè)導(dǎo)航代碼相關(guān)內(nèi)容感興趣的朋友可以參考下本文2015-11-11JQuery Dialog的內(nèi)存泄露問(wèn)題解決方法
如何避免JQuery Dialog的內(nèi)存泄露,需要的朋友可以參考下。2010-06-06jQuery EasyUI API 中文文檔 可調(diào)整尺寸
jQuery EasyUI API 中文文檔 可調(diào)整尺寸,學(xué)習(xí)jQuery EasyUI的朋友可以參考下。2011-09-09jQuery extend()詳解及簡(jiǎn)單實(shí)例
這篇文章主要介紹了jQuery extend()詳解及簡(jiǎn)單實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-05-05用jQuery簡(jiǎn)化JavaScript開(kāi)發(fā)分析
我總是樂(lè)于嘗試新工具或利用節(jié)省開(kāi)發(fā)時(shí)間的資源。由于市面上存在有許多Web開(kāi)發(fā)工具,你可能很難縮小搜索范圍。2009-02-02