選擇此選項后，jQuery檢查其他選擇元素

Question

我在1 div下有3個HTML選擇：

<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（），那么您的變量將為true，在這種情況下，您可以執行一些操作

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