如何驗證多選下拉菜單？

所以情況是這樣的：我創建一個使用表單上的jquery.multiselect插件的下拉框，但我需要檢查是否有一些值選擇，如果沒有選擇一個或多個值我想扔一個當有人嘗試提交表單時，警報或某事。如何驗證多選下拉菜單？

的HTML代碼

<form id="RNA" name="RNA"> 
<select size="5" name="sampleMut[]" multiple="multiple" id="sampleMut"> 

<option value="41" >41</option> 
    <option value="48" >48</option> 
    <option value="65" >65</option> 
    <option value="102" >102</option> 

</select> 
</form>

的JavaScript代碼

$(function(){ 
$("#sampleMut").multiselect(); 
});

jQuery的版本1.8.3

jquery.multiselect 1.13

來源

2012-12-15 Bruno Andrade

試試這個：

$(function(){ 
    $('form').submit(function(){ 
     var options = $('#sampleMut > option:selected'); 
     if(options.length == 0){ 
      alert('no value selected'); 
      return false; 
     } 
    }); 
});

小提琴：http://jsfiddle.net/aDxu8/1/

來源

2012-12-15 13:50:01 karaxuna

這似乎並不工作，但我還挺新在javascript：\ –

對不起，我在這裏寫了額外的「s」：選項：選中，需要選項：選中 – karaxuna

謝謝，但在Chrome控制檯上出現此消息 [prevObject：e.fn.e.init [1]，context：#document ，選擇器：「#sampleMut>選項：sele反恐執行「] 上下文：#document 長度：0 prevObject：e.fn.e.init [1] 選擇：」#sampleMut>選項：選擇了「 __proto__：對象[0] 是否有任何問題那？ –

有了這個你可以得到所選的選項的金額。

$("#sampleMut option:selected").length;

來源

2012-12-15 13:49:06

感謝這個完美的作品.. –

如何驗證多選下拉菜單？

回答

相關問題