2010年11月8日 星期一

jQuery 判斷 DataList 是否被挑選



Asp.net 的 DataList,轉換成 HTML 後,就會變成:


<select size="4" name="ListBox1" id="ListBox1">
<option value="Item01">Item01</option>
<option value="Item02">Item02</option>
<option value="Item03">Item03</option>
</select>

當我們想透過 jQuery 來判斷使用者是否挑選了其中一個項目,其判斷方法可以如下:

if ($("select[id$=ListBox1] option:selected").size() == 0)
{
    // 沒有被挑選
        $("#spanShow").html("No Selected");
}
else
{
  //有被挑選
       $("#spanShow").html($("select[id$=ListBox1] option:selected").val());
}


參考網站:Check if option is selected with jQuery, if not select a default

沒有留言:

張貼留言