jquery chrome 选择更改/单击不起作用；适用于 IE/FF

Question

我有一个简单的选择列表，当我单击其中一个选项时，会在消息中显示所选选项。在 IE 和 FF 中一切都按预期运行，但在 Chrome 中则不然。这是我的 HTML:

<select id="selectlist" class="select_list" size="10" title="Choose an item to load">
  <option value="1">Item 1</option>
  <option value="2">Item 2</option>
  <option value="3">Item 3</option>
  <option value="4">Item 4</option>
  <option value="5">Item 5</option>
</select> 

这是我的 jQuery:

$(function(){
  $("#selectlist").click(function(event){
    alert("Click event on Select has occurred!");
    $("option:selected", $(this)).each(function(){
      ...more code here...
    });
  });
});

在 IE 和 FF 中，只要单击某个选项，就会显示警报，但在 Chrome 中则不会。我使用了 .change 而不是 .click ，结果完全相同。任何帮助将不胜感激。

<小时/>

更新!

经过进一步的研究和测试，我相信问题不在于 select 标签，而是与 jquery 对话框有关。我在 http://jsfiddle.net/chuckl/6Gh78/3/ 创建了一个测试用例重现问题。单击“加载”按钮以生成对话框窗口。在 FF 中，您可以单击列表中的某个项目，该项目将被选中，p 标记会更新，并且会出现一个警告框。在 Chrome 中，您看到的只是警报框。

Answer 1

看来你不是唯一一个! Chrome-html select doesnt recognize value if keyed in

^^ 有类似的问题。

你的代码对我来说效果很好。您可能需要考虑将其提交给 Google http://code.google.com/p/chromium/issues/list ( Chrome 问题跟踪器)或他们的:

Chrome 帮助论坛 http://www.google.com/support/forum/p/Chrome

我想您可以尝试更新 Chrome 或重新安装？ :S