Jquery 无法在 Chrome 上运行答案

【问题标题】：Jquery not working on ChromeJquery 无法在 Chrome 上运行
【发布时间】：2014-06-28 11:54:07
【问题描述】：

我做了一个简单的程序，当在表单中选择一个选项时提交一个表单。这个 jquery 可以在除 Google Chrome 之外的所有浏览器上正常工作。我不知道它为什么会发生，我应该怎么做，但也许你可以告诉我。这是我的jQuery

<script>
  $(document).ready(function(){
     $('.option11').click(function (){
         $(this).closest('form').submit();
     });
  });
</script>

这是我的 HTML

<form name="input1" action="test.php" method="post">
   <label for="isotopeSorting" class="black-clr">Sort:</label>
   <select id="isotopeSorting" class="span3" name="sort">
      <option name="sort" value='pricelow' class="option11" >By Price (Low to High) &uarr;</option>
      <option name="sort" value='pricehigh' class="option11" >By Price (High to Low) &darr;</option>
      <option name="sort" value='featured' class="option11" >Featured &darr;</option>
      <option name="sort" value='distance' class="option11" >By Distance (Low to High) &uarr;</option>
      <option name="sort" value='newest' class="option11">By popularity &darr;</option>
   </select>
</form>

请帮助我在 chrome 中解决这个问题，因为我是 jquery 的初学者。提前致谢

【问题讨论】：

看不出有什么问题，请出示您的完整代码，包括任何 HTML。
我已经编辑了我的问题并添加了我的 html 代码
您是否在 HTML 中包含了 Jquery？
你是如何包含 JQuery 的？请发布您的 JS 文件的包含。
我猜你忘了在你的脚本中包含 jQuery。

标签： javascript jquery google-chrome

【解决方案1】：

您不会将点击处理程序附加到单个选项，

宁可使用 select 的 onchange 事件：

 $('form[name="input1"]').on("change","#isotopeSorting",function (){
     $('form[name="input1"]').submit();
 });

这是一个小提琴http://jsfiddle.net/qM9py/1/

【讨论】：