2011-06-25 14 views
10

Estoy buscando enviar automáticamente un formulario usando jQuery cuando se cambia una entrada.jQuery Submit Form onChange

La entrada en cuestión es un selector de fecha y lo necesito enviar una vez que alguien ha hecho una selección.

<form id="select_date" name="select_date" method="POST" action="about.php?date-yes"> 
<input type="text" id="widgetFieldInput"> 
<input name="select_date" type="submit" /> 
</form> 

¡Cualquier ayuda sería increíble!

Respuesta

12
$(document).ready(function(){ 
    $('#widgetFieldInput').change(function(){ 
     $('#select_date').click(); 
    }); 
}); 
3

Si está utilizando el datepicker from jquery-ui puede utilizar el onSelect event para disparar código personalizado una vez a la fecha ha sido recogido:

$('you-date-input').datepicker({ 
    onSelect: function(dateText, inst) { 
     // form submit code 
    } 
}); 
+0

soy No se usa un formador de fecha en la interfaz de usuario jQuery:/ –

+0

Entonces, ¿es un campo de entrada simple o está usando algún otro tipo de componente datepicker? –

15

Usar la siguiente jQuery fragmento:

$("#widgetFieldInput").change(function() { 
    this.form.submit(); 
}); 
+0

¿Qué tipo de datepicker estás usando? Necesitas compartir un código. –