0

ドロップダウンメニューから特定のアイテムが選択されたときに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");

}

});
4

1 に答える 1

1

この行は..奇妙な構文です。

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

試す：

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

はブール値に変換される可能性があると思います, 'ace'。したがって、常にヒットする場合があります。jsfiddleでテストを実行するだけかもしれません。

于 2012-11-04T20:56:41.607 に答える