jquery - このハンドラーがChromeで機能しないのはなぜですか？

Question

コード：

<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(...)-要素を選択/クリックすると、選択ボックスの値が変更され、機能するようになります。

Answer 2

代わりに変更機能を使用してください。ドロップダウンに最適です。

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

Answer 3

これを要素.change()で実行する正しい方法のようです。<select>

ただし、変更イベントが発生した後は、要素ではなく要素を参照しているため、オプションを手動で取得する必要があることに注意<select>してthisください。<select><option>

これを行う必要があります：var $selected = $(this).find(":selected");

$selected選択オプション、または複数選択が有効になっている場合は複数選択オプションが含まれます。

要素ではなく要素.change()で使用されることを明確にしたいだけです。<select><option>