null値が選択されている選択ボックスを非表示にしたい

Question

null値が選択されている選択ボックスのみを非表示にします。ここに私の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(); 
       } 
}); 

Answer 1

このコードは、 "DONT" が選択されたオプションを持っていることをすべてselectを隠します。

これは必要なものですか？

$(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() 
 
    } 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div class="form-item"> 
 
    <select name="select1" class="date-month"> 
 
<option value="">select</option> 
 
<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="select2" class="date-month"> 
 
<option value="">select</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>