jquery: soumettre le formulaire après une valeur est sélectionnée dans la liste déroulante

Question

Je cette forme dans mon html:

<form action="/awe/ChangeTheme/Change" method="post"> 

    <select id="themes" name="themes"> 
    ... 
    <option value="blitzer">blitzer</option> 
    </select> 

    <input type="submit" value="change" /> 

    </form> 

quelqu'un sait comment soumettre quand une valeur est sélectionnée dans le menu déroulant "thèmes?

Answer 1

Les autres solutions présentent toutes formes sur la page, s'il devrait y avoir. Il serait mieux:

$(function() { 
    $('#themes').change(function() { 
     this.form.submit(); 
    }); 
}); 

Answer 2

$(function() { 
    $('#themes').change(function() { 
     $('form').submit(); 
    }); 
}); 

Answer 3

$('#themes').change(function(){ 
    $('form').submit(); 
}); 

Answer 4

Je recommande d'utiliser la méthode de liaison longhand parce qu'il a le même effet que le raccourci fourni par les autres réponses, mais vous pouvez ajouter des événements supplémentaires en cas de besoin, sans avoir à changer votre code.

$("#themes").bind("change", function() { 
    $("form").trigger("submit"); 
}); 

Answer 5

Dans le cas où votre code html contient plus d'une forme

$(function() { 
    $('#themes').on('change', function(e) { 
    $(this).closest('form') 
      .trigger('submit') 
    }) 
})