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-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(); 
});

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

2 个答案: