Раскрывающийся список JQuery работает в Firefox, но не в Google Chrome

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, но не в Google Chrome, почему?Спасибо

Answer 1

Присоедините функцию dropDown к событию change вашего выпадающего списка, и оно должно работать так, как вы этого хотите (или, как подсказывает мне мой хрустальный шар ...)

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

пример на jsbin.com