jQuery選擇選項val

Question

我正在一個項目中工作，我將有大約10個具有相同類的選擇框，我想檢查是否所有選定的框都被jquery選擇了。 這是我的HTML代碼

<form class="form-horizontal" action="analysis.php" method="post" id="mobileform" >
<select class="form-control selectx" name="phone1">
    <option value="" selected>Select phone</option>
    <option value="iphone6" selected>Iphone 6</option>
    <option value="galaxys5" selected>Galaxy S5</option>
</select>            
<select class="form-control selectx" name="phone2">
    <option value="" selected>Select phone</option>
    <option value="iphone6" selected>Iphone 6</option>
    <option value="galaxys5" selected>Galaxy S5</option>
</select>       
<button type="submit" name="submit" class="btn btn-success" id="submit"> Submit !</button><br>   

這是我的jQuery

                            $(document).ready(function() {
                            $('form').submit(function(event) {
                                $(".selectx option:selected").each(function()
                                {
                                    if($(this).val() === "") {
                                    $('#selecterror').fadeIn(300);
                                    event.preventDefault();
                                }else{
                                    $('#selecterror').hide();
                                    }
                                });
                              });
                        });

但是，如果您在名稱為phone1的第一個選擇框中沒有選擇任何內容，而在名稱為phone2的選擇框中選擇了一個電話，則此方法不起作用。

對不起我的英語不好

Answer 1

在您的情況下，兩個選擇選項都必須為空才能進行驗證。 您可以使用.filter查看任何選擇選項是否為空：

 $('form').submit(function(event) {
      var empty = $(".selectx option:selected").filter(
            function() {
                return $(this).val() == "";
             });

      if(empty.length) {
              $('#selecterror').fadeIn(300);
              event.preventDefault();
      }else{
              $('#selecterror').hide();
      }

  });

演示： https : //jsfiddle.net/hptqq1tL/