此显示/隐藏功能不适用于 MultiSelect 元素

Question

此显示/隐藏功能可以与 Select 元素一起正常工作，但是当我将它们更改为 MultiSelect 元素 (multiple="multiple") 和/或在元素名称中添加方括号（提交 MultiSelect 表单元素所必需的）时它会停止工作到分贝）。如何更改它以使其与 MultiSelect 元素一起使用？

这里有一个工作示例：http://jsfiddle.net/chayacooper/yaq5F/8/

JS

$(document).ready(function () {
    $("#row1, #row2").hide();
    if ($("[name=item1]").val() === "Null" || $("[name=item1]").val() === "") {
        $("#row1").show();
    } else {
        $("#row2").show()
    };
});

HTML

<div id=row1 style="font-weight:bold">Row 1 - Nothing selected</div>
<div id=row2 style="font-weight:bold; display:none;">Row 2 - Something selected</div>

<select name=item1 class="field">
<option value="Null">Select</option>
<option value=1>Option 1</option>
<option value=2>Option 2</option>
<option value=3>Option 3</option>
</select>

Answer 1

使用multiple 选项时，返回值是一个数组，而不是字符串，因为您可以通过按住控制键选择多个值。

你可能想用$.inArray("Null", $(".field").val())之类的东西检查值

---

为了将来参考，看看返回的值是什么确实很有帮助。一个简单的console.log($(".field").val()) 就是我所做的一切来看看发生了什么。