Question

我将简化表格。

<form id="checkout">
  <input type="text" name="name">
  <input type="email" name="email">
  <input type="hidden" name="optin" value="">

  <input type="submit" value="Purchase with signup">
  <input type="sibmit" name="Purchase and Signup">
</form>

注意：我无法直接编辑表单。因此，我无法将按钮移到表单之外，无法使用Submit（）触发Submit事件。

如果用户通过单击“购买和注册”字段提交表单，则我需要能够将name =“ optin”的值更新为1。我的第一个猜测是使用jQuery更新值。如果但是，还有另一种方法可以将此添加到POST请求中。

Answer 1

您可以使用jQuery更改隐藏输入的值，请参考下面的代码，您可以在其中使用按钮的单击处理程序，并且'e.preventDefault（）'将停止表单提交的默认行为。您可以更改输入值，然后提交表单

HTML

<form id="checkout">
  <input type="text" name="name">
  <input type="email" name="email">
  <input type="hidden" name="option" value="">

  <input type="submit" value="Purchase with signup" id="purchaseWithSignup">
  <input type="submit" name="Purchase and Signup" id="purchaseAndSignup">
</form>

jQuery

$("#purchaseAndSignup").on('click', function(e){
   e.preventDefault();
   $('input[value="option"]').val(1);
   $("#checkout").submit();
});

如何使用jQuery在表单提交中添加字段值的编辑

1 个答案: