Почему этот обработчик не работает в Chrome?

Question

Code:

<select id="example"> 
    <option value="38">Marco</option> 
    <option value="39">Hello</option> 
</select>​ 

$("#example> option").click(function() { 
    alert("ciao"); 
}); 

нажав на выпадающий пункт, предупреждение не не показал ... IE и Firefox без проблем ..

Answer 1

Использование $('#example').change(...) - выбор/щелкнув элемент изменит значение selectbox, чтобы он работал.

Answer 2

Вместо этого используйте функцию изменения - она ​​идеально подходит для выпадающих списков.

$('#example').change(function() { 
    alert('ciao'); 
}); 

Answer 3

кажется, что .change() правильный способ пойти об этом на <select> элементе.

обратите внимание, однако, что вы будете иметь, чтобы получить возможность вручную один раз событие изменения было обстрелял <select> так this относится к <select> элементу, а не <option> элемента.

вы должны будете сделать это: var $selected = $(this).find(":selected");

$selected будет содержать выберите вариант, или несколько выбранных параметров, если несколько выбора включена.

просто хочу уточнить, что .change() предназначен для использования на элементе <select>, а не в элементах <option>.