Javascript clic en Establecer entrada antes de Ajax

votos
0

Tengo tres entradas en el siguiente formulario. Dos entradas tipo es texty otro tipo de una entrada es hidden. Ahora, cuando hago clic en el botón de envío a continuación, dos valores de entrada deben ajustar la entrada oculta antes de ejecutar la consulta ajax. Porque, ajax obtendrá los datos de sólo la entrada oculta. He probado a mí mismo, pero que no funciona para mí. Ahora, cuando hago clic en el Ajax presentar trabajar primero y luego establecer los valores tanto a la entrada oculta.

<form>
<input type=text class=date value=2018-11-09>
<input type=text class=time value=15:00:00>
<input type=hidden class=date-time value=>
<button type=button class=button>Submit</button>
</form>
Publicado el 19/09/2018 a las 17:10
fuente por usuario
En otros idiomas...                            


1 respuestas

votos
1

Para el siguiente código que estoy suponiendo que el 'Enviar' botón tiene su tipo cambiado a 'enviar' ya que esto le dará más control cuando se envía el formulario:

$('form').submit(function(event) {

  event.preventDefault(); // stop the form from automatically submitting

  $('.date-time').val($('.date').val() + $('.time').val());

  console.log($('input[type=hidden').val());

  // call your ajax here

});

La línea importante aquí por su pregunta es:

  $('.date-time').val($('.date').val() + $('.time').val());

Esto establece el valor de la entrada .date a tiempo a la entrada de .date y .time, aunque recomendaría el uso de identificadores en lugar de clases ya que son únicos

Respondida el 19/09/2018 a las 17:21
fuente por usuario

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more