我正在尝试从下拉菜单中选择某些项目时显示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");
}
});
答案 0 :(得分:1)
这一行是......奇怪的语法。
if (jQuery("#designOne").val() == "signature" , "ace" )
尝试:
var chosenValue = jQuery("#designOne").val();
if (chosenValue == "signature" || chosenValue == "ace" )
我认为, 'ace'
可能会被转换为布尔值true,因此if总是被击中。我可能只是在jsfiddle中运行一个测试。