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

Question

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

我有七个选择框和一个表单中的提交按钮。我想仅显示所有选择框的提交按钮（其中一些具有没有值的默认选项，仅当所选选项包含值时按钮才应处于活动状态）。正在使用此代码，但在我开始使用 ajax 从另一个 php 文件中获取四个选择框后它没有工作。

我该如何修改此代码？

Answer 1

您可以将长度属性与选择器返回selected选择值不等于empty字符串的选择一起使用。

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

我建议您使用一些class与 select 来具体说明。

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

Answer 2

尝试这个：

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