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

时间:2013-11-17 21:29:23

标签: javascript jquery html

我有三个下拉菜单:

<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!");
});

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

1 个答案:

答案 0 :(得分:1)

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

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

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

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