Jquery ne fonctionne pas sur Chrome

Question

J'ai fait un programme simple qui soumet un formulaire lorsque sélectionné une option dans le formulaire. Cette jquery fonctionne correctement avec tous les navigateurs sauf Google Chrome. Je ne sais pas pourquoi cela se passe et que dois-je faire, mais peut-être que vous pouvez me le dire. Voici mon jquery

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

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

S'il vous plaît me aider à résoudre ce problème dans le chrome que je suis un débutant à jquery. Merci à l'avance

Answer 1

vous ne fixez un gestionnaire de clic aux options simples,

utiliser plutôt l'événement onchange de la sélection:

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

est ici un violon http://jsfiddle.net/qM9py/1/