javascript - 检查是否所有 VISIBLE 选择框都选择了某些东西？

Question

你好，我隐藏了选择框，每次我尝试检查是否所有的选择框都被选中并且它一直包括隐藏的选择框时，我怎样才能让下面的代码只适用于可见的选择框？已尝试 .filter(':visible') 但没有帮助？

if($('option[disabled]:selected').length == 0){
   // ALL the select boxes have something selected rather than the default option
   alert("success");
}else{
    alert("fail");
}

其中一个可见的选择框:

<div class="one-wrap">
  <label for="one-amount">one</label>
  <div id="one-select-wrap">    
    <select id="one-amount" class="" name="">
      <option disabled selected value> -- select an amount -- </option>
      <option value="1000">100 000 one</option>
      <option value="1000">225 000 one</option>
      <option value="1000">450 000 one</option>
      <option value="1000">1 750 000 one</option>
    </select>
  </div>
</div>  

还有一个隐藏的例子:

<div class="two-wrap hidden">
  <label for="two-amount">two</label>
  <div id="two-select-wrap">    
    <select id="two-amount" class="" name="">
      <option disabled selected value> -- select an amount -- </option>
      <option value="1000">200 000 two</option>
      <option value="1000">430 000 two</option>
      <option value="1000">260 000 two</option>
      <option value="1000">500 000 two</option>
    </select>
  </div>
</div>

Answer 1

无需迭代，您可以只查询未隐藏的 div 中的 select。对于您的示例，请尝试

$('div:not(.hidden) div select')