2014-06-28 54 views
-2

我做了一个简单的程序,它在表单中选择一个选项时提交表单。除了谷歌浏览器之外,这个jquery在每个浏览器都能正常工作。我不知道它为什么发生,我该怎么做,但也许你可以告诉我。这里是我的jQueryjquery不能在Chrome上工作

<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> 

请帮我解决了镀铬这个问题,因为我是一个初学者到jQuery的。在此先感谢

+0

广东话来看看什么错有了它,请显示您的完整代码,包括任何HTML。 – Ben

+0

发布您的HTML代码。 – hari

+0

我已编辑我的问题并将其中的html代码添加到本文。 – user3771071

回答

0

你不附加一个单击处理程序的单一选项,

而使用select的onchange事件:

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

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

+0

谢谢约翰现在程序工作正常。 – user3771071

+0

np,你很受欢迎 –