jQuery的檢查其他選擇元素一旦選擇此選項

Question

我有3 HTML選擇下1格：

<div id="kurir_list"> 
    <div class="col-sm-6"> 
     <div class="form-group form-group-default form-group-default-select2 required"> 
     <select disabled class="tarif"> 
     <option select="selected"></option> 
     <option value="12000">JNE REGULER</option> 
     <option value="18000">JNE YES</option> 
     </select> 
     </div> 
    </div> 

    <div class="col-sm-6"> 
     <div class="form-group form-group-default form-group-default-select2 required"> 
     <select disabled class="tarif"> 
     <option select="selected"></option> 
     <option value="12000">JNE REGULER</option> 
     <option value="18000">JNE YES</option> 
     </select> 
     </div> 
    </div> 

    <div class="col-sm-6"> 
     <div class="form-group form-group-default form-group-default-select2 required"> 
     <select disabled class="tarif"> 
     <option select="selected"></option> 
     <option value="12000">JNE REGULER</option> 
     <option value="18000">JNE YES</option> 
     </select> 
     </div> 
    </div> 
</div> 

，我有這個jQuery：

$(".tarif").change(function() { 
    if ($(".tarif").is(':disabled')) {       
     alert ("yes you still have disabled element, next button disabled"); 
    } else { 
     alert ("no, you don't have disabled element"); 

     // check the other select value 
     $(".tarif").each(function() { 
      alert($(this).val()); 
     }); 
    } 
}); 

每次選擇.tarif時間，我需要檢查另外兩個select元素的值。不管它是否還是空的。但是，我的jQuery代碼提醒所有選擇元素的所有6個值。

如何讓jquery能夠通知我，是否在#kurir_list仍然有空選擇與否。謝謝。

Answer 1

或許你可以嘗試這樣的事情，看着每一個在您的包裝選擇，如果有的話有一個空VAL（），那麼您的變量將是真實的，在這種情況下，你可以做一些事情

var emptySelect = false; 
$('#kurir_list select').each(function(){ 
    if (!$(this).find('option:selected').val()) { 
     emptySelect = true; 
    } 
}); 
alert(emptySelect);