当某些菜单项被选中时，jQuery下拉菜单更改显示div

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> 

的javaScript

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'可能会得到转化，因此为布尔真，如果总是被击中。我可能只是在jsfiddle中运行测试。