Question

我想通过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>

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

Answer 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以查看结果。

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

1 个答案: