更改選擇的第一個選項

Question

我有兩個日期輸入和一個下拉菜單，其中第一個選項為“全部”。

我的問題是，當我選擇日期時，如果兩個日期都相同，則select的第一個選項應變為空白。

<script type='text/javascript'>
jQuery(document).ready(function () {
    var first = jQuery('#category').find('option').first();
    jQuery('#date_to').on('change', function (e) {
    if($('#date_to').val == $('#date_from').val) {
        first.remove();
    })
});
</script>

Answer 1

更改val到val()因為它是一種方法。 您還需要移動)中的if語句的正確位置;

if ($('#date_to').val() == $('#date_from').val()) {
    first.remove();
}

Answer 2

當您要刪除第一個選項時，您需要對兩個日期選擇器都進行更改，因為用戶可以選擇任何日期，並且每次用戶選擇日期條件都會被執行。 嗯，這也取決於您的需要。

以下是工作代碼。

<script type='text/javascript'>
jQuery(document).ready(function () {
    var first = jQuery('#category').find('option').first();

    $('#date_to').on('change', function (e) {
        remove();
    });

    $('#date_from').on('change', function (e) {
        remove();
    });

    function remove () {
        if($('#date_to').val() == $('#date_from').val()) {
            first.remove();
        };
    }
});
</script>