Fatal编程技术网
  • jquery/
  • jquery chrome选择更改/单击不工作；在IE/FF工作

jquery chrome选择更改/单击不工作；在IE/FF工作

jquery google-chrome

jquery chrome选择更改/单击不工作；在IE/FF工作,jquery,google-chrome,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&l

我有一个简单的选择列表，当我点击其中一个选项时，会在消息中显示所选选项。在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>
在IE和FF中，只要单击一个选项，就会显示警报，但在Chrome中则不会。我使用了
.change
而不是
。单击
，结果完全相同。
任何帮助都将不胜感激



更新


经过进一步的研究和测试，我相信问题不在于
select
标记，而在于jquery对话框。我已经创建了一个测试用例来重现这个问题。单击“加载”按钮以生成对话框窗口。在FF中，您可以单击列表中的一个项目，它将被选中，
p
标记将被更新，并且会出现一个警报框。在Chrome中，您只会看到警报框
 在14.0.814.0版中，您的代码对我来说运行良好。然而，由于您所谈论的是一个bug，而不是一个真正的问题，您应该将其提交给。
看起来您不是唯一一个！


^^他也有类似的问题

你的代码对我来说很好。你可能想考虑把它提交给谷歌
（铬问题追踪器）
或其：

Chrome帮助论坛


我想您可以尝试更新您的Chrome或重新安装？：S
对我来说也很好（版本12.0.742.122）。可能的问题：


  • 也许你的脚本中还有另一个错误，它阻止了这个错误的执行；检查控制台（
    Ctrl+Shift+J
    ）
    • 

  • 脚本在页面中的位置？当脚本执行时，可能DOM尚未初始化。在这种情况下，尝试用
    $（document）.ready（function（）{…}）
    而不是
    $（function（）{…}）
    • 

    尝试使用Prop方法。我在Safari、Opera、Firefox和Chrome上进行了测试，效果很好
    

    <!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>Test - Option selected - jQuery</title>
</head>
<body>
    <form>
      <select>
        <option value="11">aa</option>
        <option value="22">bb</option>
        <option value="33">cc</option>
        <option value="44">dd</option>
      </select>
    </form>
    <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
    <script>
        $(function(){
            $('select option:last').prop('selected','selected');
        });
    </script>
</body>
</html>

    

    
测试-选择选项-jQuery
aa
bb
复写的副本
dd
$（函数（）{
$（'select option:last'）.prop（'selected'，'selected'）；
});

    
您可以在此处找到更多信息：
    

    我发现以下几点对我很有用-使用“单击”代替“更改时使用”，例如：
    

     jQuery('#elemen select').on('change',  (function() {

       //your code here

}));

    

    据我所知，
    $（function（）{}）
    与
    $（document）.ready（function（）{…}）
    相同。我还检查了控制台，没有发现任何错误。我使用的是同一个版本（12.0.742.122）。是的，它确实如此，这正是让人如此困惑的原因。我试着将代码移到后面，没有任何更改。当我用调试器一步一步地调试代码时，代码会在重新加载页面时执行，但当我实际单击某个选项时，代码不会执行。只需简单的wierd。您是否有指向非工作页面的链接？Test site@User=Tester，Password=Tester。单击“设计中心”按钮，然后单击“想法列表”下的“加载”按钮。如果单击列表中的某个项目，则对话框将关闭。在FF中试试这个，看看有什么不同。

     jQuery('#elemen select').on('change',  (function() {

       //your code here

}));