jquery显示按钮，如果选择了所有的选择框

Question

$("select").bind("change", function(event) {
    if ("" != $("option:selected", this).val() && "" != $("option:selected", $("select")).val()) {
        $("#submit").fadeIn();
    } else {
        $("#submit").hide();          
    }
});

我在一个表单中有七个选择框和一个提交按钮。我想只显示提交按钮，所有的选择框都被选中(其中一些选择框有默认选项，没有值，只有当选择的选项包含值时，按钮才应该是活动的(。我正在使用这段代码，但在我开始用ajax从另一个php文件中获取四个selectbox后，它就不起作用了。

如何修改此代码？

Answer 1

试试这个：

$("select").bind("change", function(event) {
    if($("select:selected[value!='']").length == $("select").length)
         $("#submit").fadeIn();
    else 
         $("#submit").hide(); 
});

Answer 2

您可以使用length属性和选择器返回selected select，所选值不等于empty字符串。

$("select").bind("change", function(event) {
    if($("select:selected[value!='']").length == $("select").length)
         $("#submit").fadeIn();
    else 
         $("#submit").hide(); 
});

我建议你使用一些带有select的class。

$(".select-class").bind("change", function(event) {
    if($(".select:selected[value!='']").length == $(".select").length)
         $("#submit").fadeIn();
    else 
         $("#submit").hide(); 
});