我只想隐藏那些选择了空值的选择框。我有以下HTML和jQuery只隐藏那些选择了空值的选择框
<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 option').each(function() {
if (this.selected)
$(this).parent().hide();
else
$(this).parent().show();
});
,但它不工作。
谢谢,但因为第二个选择框中选择一个空值则隐藏所有的选择框。我想隐藏那些选择了空值的选择框。 – John
@John你的意思是,在这种情况下,第二个选择框应显示,第一个应该隐藏..对吗? – Bhaskar
对。我想隐藏所有选择了空值的选择框。 – John