如何验证多选下拉菜单？

所以情况是这样的：我创建一个使用表单上的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

感谢这个完美的作品.. –

如何验证多选下拉菜单？

回答

相关问题