如何验证多选下拉列表?

时间:2012-12-15 13:41:23

标签: javascript html multi-select

所以情况是这样的:我正在使用表单上的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

2 个答案:

答案 0 :(得分:11)

试试这个:

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

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

答案 1 :(得分:3)

通过这个,您可以获得所选选项的数量。

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