JavaScript wybierz onchange = 'this.form.submit()'

Question

Mam formularz z wyboru i kilka wprowadzeń tekstowych. Chciałbym, aby formularz został złożony po zmianie wyboru. To działa prawidłowo przy użyciu następujących:

onchange="this.form.submit()" 

Jednakże, jeśli formularz zawiera także przycisk Prześlij, a następnie formularz nie przedstawienia, gdy select jest zmieniana. Zgaduję jakiś rodzaj konfliktu.

Jakie są moje opcje?

Czy zamiast tego powinienem użyć czegoś takiego jak $(this.form).trigger("submit") ?

Answer 1

Powinieneś móc używać coś podobnego do:

$('#selectElementId').change(
    function(){ 
     $(this).closest('form').trigger('submit'); 
     /* or: 
     $('#formElementId').trigger('submit'); 
      or: 
     $('#formElementId').submit(); 
     */ 
    }); 

Answer 2

Jeśli używasz jQuery, jest to tak proste, jak to:

$('#mySelect').change(function() 
{ 
    $('#myForm').submit(); 
}); 

Answer 3

moich psychicznych umiejętności debugowania powiedzieć, że swoje przedstawienia Przycisk ma nazwę submit.
Dlatego form.submit odnosi się do przycisku, a nie do metody.

Zmień nazwę przycisku na coś innego, aby form.submit odnosiła się do metody ponownie.

Answer 4

Powiąż je za pomocą jQuery i wykonaj obsługę jQuery: http://jsfiddle.net/ZmxpW/.

$('select').change(function() { 
    $(this).parents('form').submit(); 
}); 

Answer 5

Istnieje kilka sposobów, w jaki można to zrobić.

Elementy wiedzą do jakiej formy należą, więc nie trzeba owijać w jquery this, wystarczy zadzwonić pod numer this.form, który zwraca element formularza. Następnie możesz zadzwonić pod numer submit() w elemencie formularza, aby go przesłać.

$('select').on('change', function(e){ 
    this.form.submit() 
    }); 

dokumentacja: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement

Answer 6

Zastosowanie:

<select onchange="myFunction()"> 

    function myFunction() { 
     document.querySelectorAll("input[type=submit]")[0].click(); 
    }