Javascript select onchange = 'this.form.submit()'

Tengo un formulario con una selección y algunas entradas de texto. Me gustaría que se envíe el formulario cuando se cambie la selección. Esto funciona bien usando la siguiente:Javascript select onchange = 'this.form.submit()'

onchange="this.form.submit()"

Sin embargo, si el formulario también contiene un botón de enviar, a continuación, la forma no se somete cuando se cambia la selección. Estoy adivinando algún tipo de conflicto.

¿Cuáles son mis opciones aquí?

¿Debo usar algo como $(this.form).trigger("submit") ?

Fuente

2011-08-31 JonoB

Proporcionar un caso de prueba que presenta el tema, por lo que podemos responder sin adivinar salvaje –

Asegúrese de que el botón no tiene un nombre o el atributo id de "enviar", he visto esto como una interferencia antes. – GBa

http://stackoverflow.com/questions/6736341/why-is-form-submit-not-working – SLaks

Usted debe ser capaz de usar algo similar a:

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

Fuente

2011-08-31 18:01:59

Si estás usando jQuery, es tan simple como esto:

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

Fuente

2011-08-31 18:01:45 Tejs

Mis habilidades de depuración psíquicos me dicen que su presente El botón se llama submit. Por lo tanto, form.submit hace referencia al botón y no al método.

Cambie el nombre del botón a otra cosa para que form.submit haga referencia nuevamente al método.

Fuente

2011-08-31 18:02:35 SLaks

¿Cómo lo sabes? –

@Tomalak: solo estoy adivinando. Esto ha aparecido varias veces antes; coincide con su problema perfectamente. – SLaks

OK; tal vez su respuesta debería decir "** Quizás ** su botón de envío se llama' enviar' ". –

Enlácelos usando jQuery y haga que jQuery lo maneje: http://jsfiddle.net/ZmxpW/.

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

Fuente

2011-08-31 18:03:33 pimvdb

Si jQuery ya está usado, entonces es una opción – mplungjan

@mplungjan: Pero él está hablando de '$(). Trigger'. Supongo que ya está usando jQuery. – pimvdb

Me di cuenta después de que comencé. Por favor, consulte mi comentario actualizado – mplungjan

Hay varias maneras en que esto se puede completar.

Los elementos saben a qué formulario pertenecen, por lo que no necesita envolver this en jquery, simplemente puede llamar al this.form que devuelve el elemento de formulario. Luego puede llamar al submit() en un elemento de formulario para enviarlo.

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

documentación: https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement

Fuente

2014-09-07 18:51:55

Esta es la mejor respuesta. No siempre tienes que hacer * todo * en jQuery: puedes mezclarlo cuando sea apropiado. –

Uso:

<select onchange="myFunction()"> 

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

Fuente

2014-09-17 07:12:17

Javascript select onchange = 'this.form.submit()'

Respuesta

Cuestiones relacionadas