jQuery操作select的實例代碼
更新時間:2012年06月14日 20:04:49 作者:
jQuery操作select的實例代碼,這篇比較簡單,如果想要想了解更多可以參考腳本之家以前發(fā)布的文章
select:
奪得2008年歐洲杯冠軍的國家是:
<select name="nation" id="nation">
<option value="">請選擇</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("請選擇國家");
}
2、獲取select中option項的個數(shù)。
3、獲取選中的option的值value和顯示的文本text。
4、設置西班牙為選中項。
5、獲取被選中的國家的索引,索引從0開始。
6、添加一個國家選項。
?
7、刪除一個國家選項。
復制代碼 代碼如下:
奪得2008年歐洲杯冠軍的國家是:
<select name="nation" id="nation">
<option value="">請選擇</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("請選擇國家");
}
2、獲取select中option項的個數(shù)。
復制代碼 代碼如下:
$("#nation").find("option").length;
3、獲取選中的option的值value和顯示的文本text。
復制代碼 代碼如下:
//獲取選中項的值
$("#nation").val();
//獲取選中項顯示的文本
$("#nation").find("option:selected").text();
$("#nation").val();
//獲取選中項顯示的文本
$("#nation").find("option:selected").text();
4、設置西班牙為選中項。
復制代碼 代碼如下:
$("#nation").find("option[value='Spain']").attr("selected",true);
5、獲取被選中的國家的索引,索引從0開始。
復制代碼 代碼如下:
$("#nation").find("option:selected").index()
6、添加一個國家選項。
?
復制代碼 代碼如下:
$("#nation").append("<option value='Ukraine'>烏克蘭</option>");
7、刪除一個國家選項。
復制代碼 代碼如下:
//刪除value="Italy"的選項
$("#nation").find("option[value='Italy']").remove();
//刪除索引為2的選項
$("#nation").find("option[index=2]").remove();
$("#nation").find("option[value='Italy']").remove();
//刪除索引為2的選項
$("#nation").find("option[index=2]").remove();
您可能感興趣的文章:
- jquery操作select詳解(取值,設置選中)
- jquery實現(xiàn)動態(tài)操作select選中
- jQuery操作select下拉框的text值和value值的方法
- jquery操作select option 的代碼小結
- 利用jquery操作select下拉列表框的代碼
- jQuery操作Select的Option上下移動及移除添加等等
- jQuery操作Select選擇的Text和Value(獲取/設置/添加/刪除)
- jquery操作select大全
- jquery操作select元素和option的實例代碼
- jquery下拉select控件操作方法分享(jquery操作select)
- jquery操作select常見方法大全【7種情況】
相關文章
Jquery揭秘系列:ajax原生js實現(xiàn)詳解(推薦)
下面小編就為大家?guī)硪黄狫query揭秘系列:ajax原生js實現(xiàn)詳解(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-06-06基于Jquery實現(xiàn)仿百度百科右側導航代碼附源碼下載
本篇文章給大家介紹基于jquery實現(xiàn)仿百度百科右側導航代碼附源碼下載,對百度百科右側導航代碼相關內(nèi)容感興趣的朋友可以參考下本文2015-11-11jQuery EasyUI API 中文文檔 可調(diào)整尺寸
jQuery EasyUI API 中文文檔 可調(diào)整尺寸,學習jQuery EasyUI的朋友可以參考下。2011-09-09