JQuery get number of items inside select list/ dropdownlist – 使用JQuery來取得在SelectList/ DropDownList上有多小個Item.

今天公司的ASP.Net MVC Website其中有一個Form 有很多Dynamic的 資料要取出
我們要依照不同的選擇顯示不同的內容..
其中一個情況是

當使用者選擇了一些內容後
另外的2個DropDownList會更新內容…
有時候因為資料沒有相符的關係..
不能Populate 其他的DropDownList
在這個情況下我們便要出示其他的資訊去提示用戶了

所以我們有需要看看怎樣取得DropDownList內有多小個Item

原本使用ASP.Net的話我們可以使用
C#

int NumberOfItems = ddl.Items.Count;

但是在ASP.Net MVC上我們便需要使用JQuery來實現了
假設我們的DropDownList 是這樣的
HTML

<select id="MinimumContractTerm" name="MinimumContractTerm" class="valid"><option value="1">1 month</option>
<option value="3">3 months</option>
<option value="6">6 months</option>
<option value="12">12 months - 1 Year</option>
<option value="24">24 months - 2 Year</option>
<option value="36">36 months - 3 Year</option>
<option value="48">48 months - 4 Year</option>
<option value="60">60 months - 5 Year</option>
</select>
<button id="btn_run" name="btn_run">Run</button>

我們可以使用以下的JQuery 方法來解決這個問題
Javascript

 $(document).ready(function () {
      $("#btn_run").click(function(){
          alert($("#MinimumContractTerm").length);
     });
});

Hope you find it useful

Leave a Reply