首页 文章

在ajax之前点击设置输入的Javascript

提问于
浏览 次
0

我有以下三种输入形式 . 两个输入类型是 text ，另一个输入类型是 hidden . 现在当我单击提交按钮时，两个输入值需要在运行ajax查询之前设置隐藏输入 . 因为，ajax只会从隐藏输入中获取数据 . 我自己尝试过但是，它不适合我 . 现在，当我单击提交ajax首先工作时，然后将两个值都设置为隐藏输入 .

<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>
javascript jquery ajax

1 回答

  • 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的输入，但我建议使用id而不是类，因为它们是唯一的

    回复于

相关问题