Почему не срабатывает click в браузерах Chrome, Opera?

Question

[Al Sm]

Здравствуйте. Подскажите пожалуйста, почему срабатывает событие только в Firefox?

<select class="form-control">
                     <option class="ustat" data-id="7">7 дней</option>
                     <option class="ustat" data-id="14">14 дней</option>
                     <option class="ustat" data-id="21">21 дней</option>
                     <option class="ustat" data-id="30">30 дней</option>
                 </select>

$(".ustat").click(function () {
        var id = $(this).data(id).id;
        $.ajax({
            type: "POST",
            url: "/ajax/graphics.php",
            data: {'id':id},
            success: function(data) {
                $("#otvetuser").html(data).fadeIn(400);
            }
        })
    });

В файрфокс все работает, а в хроме и опере, событие не работает.
В чем может быть проблема?

Comments

[Kovalsky]

Проблема в том, что это option, с ним много проблем по обработке событий. Вместо option обрабатывайте события для селекта.

[Al Sm]

Никита Полевой, Спасибо! Все заработало!

Answer 1

[Владимир Скибин]

Используйте не on('click') для option, а on('change') для select. Это более правильный вариант. Если же надо все таки on('click') - вешайте событие на select и смотрите какой event.target