javascript - 选择某些菜单项时更改显示 div 的 JQuery 下拉菜单

Question

我试图让一个 Div 显示从下拉菜单中选择某些项目的时间。出于某种原因，它会显示何时选择了菜单中的任何项目，我不知道为什么。谢谢你的帮助！

<select class="selectDesign" id="designOne" name="design1">
<option value="none">None</option>
<option value="ace">Ace</option>
<option value="aerialist">Aerialist</option>
<option value="anthropologie">Anthropologie</option>
<option value="clare">Clare</option>
<option value="darcy">Darcy</option>
<option value="dauphine">Dauphine</option>
<option value="derby">Derby</option>
<option value="signature">Signature</option>
</select>

<div id="showPaints" style="display: none"><p>My Stuff</p></div>

脚本

jQuery("#designOne").change(function(){

jQuery("#showPaints").hide("slow");

if (jQuery("#designOne").val() == "signature" , "ace" ) {
    jQuery("#showPaints").show("slow");

}

});

Answer 1

这一行是..奇怪的语法。

if (jQuery("#designOne").val() == "signature" , "ace" ) 

尝试：

var chosenValue = jQuery("#designOne").val();
if (chosenValue == "signature" || chosenValue == "ace" ) 

我认为, 'ace'可能会被翻译为布尔值 true，因此 if 总是会被击中。我可能只是在 jsfiddle 中运行一个测试。