выпадающий список: два типа событий не могут связать JQuery в Chrome

Question

их проблема в событии click в chrome

<select id="id-name" name="name-her">
        <option value="">Select</option>
        <option value="1" class="verify">Verify</option>
        <option value="2" class="delete">Reject</option>
</select>

$('.verify').bind("click", function( evt ){
    alert('clicked');
});

$('.delete').bind("click", function( evt ){
    alert('clicked');
});

здесь мы хотим инициировать два события на основе класса, по которому щелкаем. Это прекрасно работает в Firefox, но не в Chrome.

Любое предложение, пожалуйста?

Answer 1

<select id=”category”>
   <option value=”3″ onclick=”getOption(3);”>Option1</option>
</select>

Это отлично работает в Firefox, то есть функция getCategories вызывается при выборе объекта в поле выбора. Это не работает для других браузеров, хотя вызовы не выполняются и даже не возникает никаких ошибок.

Решение состоит в том, чтобы выполнить вызов функции для тега выбора вместо использования события onchange, ссылающегося на значение тега выбора (который будет содержать значение выбранного тега опции),

<select id="category" onchange="getOption($('category').val());">
   <option value="3">Option1</option>
</select>