當某些菜單項被選中時，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中運行測試。