Question

我制作了一个简单的程序，在选择表单中的选项时提交表单。这个jquery适用于除谷歌浏览器之外的所有浏览器。我不知道它为什么会发生，我应该怎么做，但也许你可以告诉我。这是我的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的初学者。提前致谢

Answer 1

你没有将点击处理程序附加到单个选项

而是使用select的onchange事件：

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

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

Jquery没有在Chrome上工作

1 个答案: