为什么这个处理程序不适用于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>元素的正确方法。

注意到，虽然，你必须手动检索一次改变事件的<select>因为this被解雇的选项是指<select>元素，而不是<option>元素。

你必须这样做：var $selected = $(this).find(":selected");

$selected将包含选择选项，或多个选择的选项，如果多个选择启用。

只是想澄清.change()是用于<select>元素而不是<option>元素。