代码之家  ›  专栏  ›  技术社区  ›  Sonjoy Datta

Javascript点击设置ajax之前的输入

  •  0
  • Sonjoy Datta  · 技术社区  · 6 年前

    text 另一种输入类型是 hidden . 现在,当我单击submit按钮时,两个输入值需要在运行ajax查询之前设置隐藏的输入。因为,ajax只能从隐藏的输入中获取数据。我自己也试过,但对我不起作用。现在,当我首先单击submitajax working,然后将这两个值设置为hidden input时。

    <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>
    
    1 回复  |  直到 6 年前
        1
  •  1
  •   Tom_B    6 年前

    对于以下代码,我假设“Submit”按钮的类型已更改为“Submit”,因为这将使您能够更好地控制表单的提交时间:

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

    这将input.date time的值设置为.date和.time的输入,尽管我建议使用id而不是类,因为它们是唯一的