jQuery表单提交,附加字段不起作用

时间:2018-06-18 06:09:51

标签: jquery

我想通过javascript函数提交表单,并希望在表单提交期间添加字段。以下是HTML和JS代码:

function next_func() {


    $("#discountTotalAmountShipping").submit(function(eventObj) {
      $('<input />').attr('type', 'hidden')
        .attr('name', "something")
        .attr('value', "something")
        .appendTo('#discountTotalAmountShipping');
      return true;
    });

}
<form id="discountTotalAmountShipping" action="somewhere" method="post">
  ... bla bla
</form>


<button onclick="next_func();" type="button" class="btn btn-warning btn-sm">NEXT > </button>

当我尝试提交表单时,我发现没有控制台错误,但表单没有提交。

1 个答案:

答案 0 :(得分:1)

您不需要那种复杂性。只需在按钮的单击处理程序中执行操作,然后在表单上触发提交操作。从HTML中可以清楚地看出,您没有提交按钮。因此,您可能甚至不需要提交处理程序:

function next_func() {
    $('<input />').attr('type', 'hidden')
      .attr('name', "something")
      .attr('value', "something")
      .appendTo('#discountTotalAmountShipping');
    $("#discountTotalAmountShipping").submit();

  }

HTML:

<form id="discountTotalAmountShipping" action="somewhere" method="post">
  ... bla bla
</form>


<button onclick="next_func();" type="button" class="btn btn-warning btn-sm">NEXT > </button>

以下是演示:http://jsfiddle.net/lotusgodkk/GCu2D/4015/ 从浏览器控制台检查HTML以查看结果。