Question

首先，代码可能很糟糕，因为我是JQuery的新手。我有这个HTML：

<select name="numberItems" id="id_numberItems"> 
<option value="1" selected="selected">1</option> 
<option value="2">2</option> 
<option value="3">3</option> 
<option value="4">4</option> 
<option value="5">5</option> 
</select>
<fieldset class="dropdownList"> 
     [...]
</fieldset>
<fieldset class="dropdownList"> 
     [...]
</fieldset>  <!-- This fieldset is repeated 5 times -->

这是我的Jquery代码：

// Dropdown
function dropDown(val) {
    $('.dropdownList').hide();
    $('.dropdownList:lt(' + val + ')').show();
}

$("#id_numberItems").click(function() { dropDown($('#id_numberItems').val()) });

这个dropDown的东西正在使用Firefox，但不适用于谷歌Chrome？为什么？谢谢

Answer 1

将dropDown函数附加到change - 你的下拉菜单中的事件，它应该按你想要的方式工作（或者我的水晶球暗示我......）

$("#id_numberItems").change(function() { dropDown($('#id_numberItems').val()) });

example on jsbin.com

JQuery下拉列表适用于Firefox，但不适用于谷歌浏览器

1 个答案: