更改选择的第一个选项

时间:2015-04-17 10:20:08

标签: javascript jquery

我有两个日期输入&一个下拉第一个选项"全部" ..

我的问题是当我选择日期时,如果两个日期相同,那么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>

enter image description here

2 个答案:

答案 0 :(得分:4)

val更改为val(),因为它是一种方法。您还需要将)语句的if移到正确的位置;

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

答案 1 :(得分: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>