我想隐藏那些选择了空值的选择框

时间:2017-05-09 09:02:44

标签: jquery

只想隐藏选择了空值的选择框。这是我的Html结构。

<div class="form-item">
<select name="select" class="date-month">
<option value="1">Jan</option>
<option value="2">Feb</option>
<option value="3">Mar</option>
<option value="4">Apr</option>
<option value="5" selected="selected">May</option>
<option value="6">Jun</option>
<option value="7">Jul</option>
<option value="8">Aug</option>
</select>
</div>
<div class="form-item">
<select name="select" class="date-month">
<option value="" selected="selected"></option>
<option value="1">Jan</option>
<option value="2">Feb</option>
<option value="3">Mar</option>
<option value="4">Apr</option>
<option value="5">May</option>
<option value="6">Jun</option>
<option value="7">Jul</option>
<option value="8">Aug</option>
</select>
</div>

我正在使用以下代码,但它不起作用。

 $('.date-month').each(function() {
                var a=$('.date-month').find('option:selected').val();
                if(a==''){
                $(this).hide();
                }
});

1 个答案:

答案 0 :(得分:0)

此代码隐藏了所有awk -F"|" '{sub(/^0+/,"",$11);sub(/-0+/,"-",$11)} 1' OFS="|" Input_file &#34; DONT&#34;选择了一个选项。

这是你想要的吗?

&#13;
&#13;
select
&#13;
$(document).ready(function() {
  $('.date-month').each(function() {
    var c = 0;
    $.each($(this).find("option:selected"), function(i, x) {
      if ($(x).val() !== '') {
        c++;
      }
    })
    if (c == 0) {
      $(this).hide()
    }
  });
});
&#13;
&#13;
&#13;