このハンドラーが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(...) - 選択/の値を変更します要素をクリック選択ボックスはうまくいくはずです。

Answer 2

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

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

Answer 3

.change()が<select>要素でこれについて移動するための正しい方法であるかのように思えます。あなたが変更イベントがthis以来<select>に発射された手動たら、オプションを取得する必要がありますけれども

ノートでは、<select>要素はなく<option>要素を指します。

あなたはこれを行う必要があるでしょう：複数選択が有効になっている場合var $selected = $(this).find(":selected");

$selectedが選択オプション、または複数選択したオプションが含まれます。

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