DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> jQuery操作select的實例代碼實例五
jQuery操作select的實例代碼實例五
編輯:JQuery特效代碼     
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項的個數。
. 代碼如下: $("#nation").find("option").length;
  3、獲取選中的option的值value和顯示的文本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();
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved