Question

我有三个下拉菜单：

<div class = "form=group">
<select class = "selecter" id = "day"><option>1<option><option>2</option></select>
<select class = "selecter" id = "month"><option>1<option><option>2</option></select>
<select class = "selecter" id = "year"><option>1<option><option>2</option></select>
</div>

我想检测是否已选择所有三个字段，以便我可以验证日期。我尝试了以下方法：

$('.selecter').on('change', function() {
console.log("Something is changed!");
});

但它会在每次跌落时触发。如何添加每个功能，以便在所有选择器类更改后检测到？我也可以在选择一个后点击下一个下拉菜单？感谢所有

Answer 1

在易于检查更改的选择中添加一个类或添加其他内容，并将更改的选择数与选择数进行比较，以了解是否所有这些选项都已更改：

var selects = $('.selecter').length;

$('.selecter').on('change', function() {
    $(this).addClass('changed');

    if ( $('.changed').length == selects ) {
        // someone changed all three selects ?
    }
});

检测是否已选择所有三个下拉菜单

1 个答案: