Question

我正在使用带有PHP的jQuery脚本，根据下拉选择有条件地显示/隐藏表单字段脚本是：

//Hide the field initially
        $("#hide1").hide();

        //Show the text field only when the third option is chosen - this doesn't
        $('#project-type').change(function() {
                if ($("#project-type").val() == "Value 1") {
                        $("#hide1").show();
                }
                else {
                        $("#hide1").hide();
                }
        });

我希望能够为if ($("#project-type").val() == "Value 1")添加一个值数组，所以如果有五个值，我希望某个字段显示何时选择值1和3而不选择其他值。我尝试了一些方法，但它们都会导致显示隐藏字段的所有值任何帮助表示赞赏。

Answer 1

jQuery inArray应该做的工作;

var val = $("#project-type").val(); // Project type value.

var show = $.inArray(val, ['Value 1', 'Value 2', ...]) > -1 ? 'show' : 'hide'; // If the value is in the array, show value is 'show' otherwise it is 'hide'.

$("#hide1")[show](); // Show or hide $('#hide1').

Answer 2

有很多选项，一个简单的方法是将你的if改为：

if ($("#project-type").val() == "Value 1" || $("#project-type").val() == "Value 3")

或：

if (["Value 1", "Value 3"].indexOf($("#project-type").val()) != -1)

将数组添加到条件jQuery显示/隐藏脚本

2 个答案: