use*_*779 6 jquery google-chrome
我有一个简单的选择列表,当我点击其中一个选项时,会在消息中显示所选的选项.一切都在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>
Run Code Online (Sandbox Code Playgroud)
这是我的jQuery:
$(function(){
$("#selectlist").click(function(event){
alert("Click event on Select has occurred!");
$("option:selected", $(this)).each(function(){
...more code here...
});
});
});
Run Code Online (Sandbox Code Playgroud)
在IE和FF中,只要单击某个选项但不在Chrome中,就会显示警报.我用过.change而不是.click完全相同的结果.任何帮助都会得到真正的赞赏.
UPDATE!
经过进一步的研究和测试后,我认为问题不在于select标签,而是与jquery对话框有关.我在http://jsfiddle.net/chuckl/6Gh78/3/创建了一个测试用例来重现问题.单击"加载"按钮以生成对话框窗口.在FF中,您可以单击列表中的项目,然后选择该项目,p更新标签,并显示警告框.在Chrome中,您只能获得警报框.