选择选项在IE和SAFARI中不起作用

Question

以下代码在IE和Safari中不起作用，但在firefox中工作正常。

$('select#colors option').click(function() {
   //this is for testing but I get no alert in IE and Safari 
   alert('item selected');
}); 


<select id="colors" class="select">
     <option>Please select your style</option>
     <option>Navy</option>
     <option>Grey</option>
     <option>Black</option>
</select>

任何想法!!

Answer 1

试试这个

$('select#colors').bind('change', function() {
  alert('selected item changed');
}); 

Answer 2

您需要将函数附加到select而不是每个选项：

$('select#colors').click(function() {
   alert('item selected: ' + $(this).val());
});