我想隱藏那些選擇空值的選擇框

-1

只想隱藏那些選定空值的選擇框。這是我的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(); 
       } 
});

來源

2017-05-09 John

嘗試'$（本）.find（ '選項：選擇'）。VAL（）' –

沒有回答。 – John

我已經做出了答案，但仍然有點不確定你到底想要什麼。 –

此代碼隱藏所有select「DONT」有一個選項被選中。

這是你想要的嗎？

$(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>

來源

2017-05-09 09:19:22

我想隱藏那些選擇空值的選擇框

回答

相關問題