jQuery multi vals required

jQuery multi vals required

本文关键字:required vals multi jQuery      更新时间:2023-09-26

>我正在尝试显示一个字段,该字段是隐藏的,但是在填充了 2 个先前字段时会显示。

$('#planner-locatie-ehv').change(function() {
    if ($("#planner-locatie-ehv").val() == "Requirement1" && $("#planner-stad").val() == "Requirement2") {
        $("#hideentertainment").show();
    }
    else {
        $("#hideentertainment").hide();
    }
});

但是称为 #hideentertainment 的字段不会出现,尽管前面的字段有 Requirements1 和 Requirements2,当我使用 OR 语句 ||时,它确实有效,当填充 1 个值时,它会显示。我怎样才能做到这一点?

您需要侦听这两个元素,而不仅仅是第一个元素。

$('#planner-locatie-ehv, #planner-stad').change(function() {
    var isValid = $("#planner-locatie-ehv").val() == "Requirement1" && $("#planner-stad").val() == "Requirement2";
    $("#hideentertainment").toggle(isValid);
});

@dandavis是正确的。它只是看着第一个变化。您可以将另一个添加到您的选择器中以修复它。

$('#planner-locatie-ehv, #planner-stad').change(function() {
    if ($("#planner-locatie-ehv").val() == "Requirement1" && $("#planner-stad").val() == "Requirement2") {
        $("#hideentertainment").show();
    }
    else {
        $("#hideentertainment").hide();
    }
});