Javascript на входе щелчка установить перед ajax

Question

У меня есть три входа в следующем виде.Два типа входа - text, а другой тип входа - hidden.Теперь, когда я нажимаю кнопку «Отправить», перед запуском запроса ajax необходимо установить два значения ввода для скрытого ввода.Потому что ajax будет получать данные только из скрытого ввода.Я попробовал это сам, но это не работает для меня.Теперь, когда я вначале нажму на рабочий ajax submit, затем установите оба значения на скрытый ввод.

<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>

Answer 1

Для следующего кода я предполагаю, что тип кнопки «Отправить» был изменен на «отправить», поскольку это даст вам больше контроля над отправкой формы:

$('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

});

Важная строкавот ваш вопрос:

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

Это устанавливает значение ввода .date-time для ввода .date и .time, хотя я бы рекомендовал использовать идентификаторы вместо классов, поскольку они уникальны