JQuery 不会使用值进行过滤

Question

我正在尝试创建一个简单的函数，当一个 div 中的所有下拉框都被选中时，它会告诉我。问题似乎是过滤器没有选择任何东西，所以长度总是为 0。知道会发生什么吗？到目前为止，这是我所拥有的：

jQuery

$('.month, .year').change(function () {
    var $this = $(this);
    var $empty = $this.parent().parent().find('.month, .year').filter('[value=""]').length;
    if ($empty == 0) {
        alert('there are no empty dropdowns');
    }
});

HTML

<form class="date_catcher">
    <div style="display:inline;" class="start">
        <select class='input-small month' name='month'>
            <option value='' selected='selected'>---</option>
            <option value='0'>Jan</option>
        </select>
        <select class='input-small year' name='year'>
            <option value='' selected='selected'>----</option>
            <option value="2012">2012</option>
        </select>
    </div>

    <div style="display:inline;" class="end">
        <select class='input-small month' name='month'>
            <option value='' selected='selected'>---</option>
            <option value='0'>Jan</option>
        </select>
        <select class='input-small year' name='year'>
            <option value='' selected='selected'>----</option>
            <option value="2012">2012</option>
        </select>
    </div>
</form>

感谢您的帮助！

Answer 1

试试这个 -

var $empty = $this.closest('form').find('.month, .year').filter(function(){
  return this.value === "";
}).length;

演示-->http://jsfiddle.net/J8x5X/

Answer 2

$(".date_catcher select").change(function(){
    $empty = $(".date_catcher option").filter(":selected").filter("[value='']").size();
    if($empty == 0){
        alert("there are no empty dropdowns");
    }
});