JQUERY - 通过多次提交更改隐藏输入

Posted

技术标签:

【中文标题】JQUERY - 通过多次提交更改隐藏输入【英文标题】:JQUERY - Change hidden input with multiple submit 【发布时间】:2020-09-20 07:50:56 【问题描述】:

我有一个简单的表单,只有一个隐藏输入 - 和多个提交按钮(1 到无限)

当用户点击提交时 - 按钮更改隐藏的输入值以提交表单。

<form action="" id="form">
    <input type="hidden" name="answer" id="answer">
    <input type="submit" value="A">
    <input type="submit" value="B">
    <input type="submit" value="C">
</form> 

$("#form").on("submit", function (event) 
   event.preventDefault();
   var currentForm = $(this);
   $("#answer").val() = $("#submit").val();
);

我该怎么做?

我正在尝试 Jquery,但是 - 出了点问题。我知道这很容易,但我不是专家

非常感谢! 丹尼尔

【问题讨论】:

显示你的尝试...... @epascarello 更新 【参考方案1】:

如果我知道你的意思... 例如,这是您的表单的 html

<form action="" id="form_id_example">
    <input type="hidden" name="change_value" id="change_value">
    <input type="submit" name="">
</form>    

jQuery 是类似的东西

$("#form_id_example").on("submit", function (event) 
   event.preventDefault();
   var currentForm = $(this);
   $("#change_value").val("new input value");
   $("#form_id_example").off("submit");
   currentForm.submit();
);

【讨论】:

以上是关于JQUERY - 通过多次提交更改隐藏输入的主要内容,如果未能解决你的问题,请参考以下文章

eventListener 在刷新 JS 之前多次触发

Jquery 实现表单提交按钮变灰,防止多次点击提交重复数据

jQuery防止表单多次提交

Jquery 实现表单提交按钮变灰,防止多次点击提交重复数据

jquery ajax如何防止多次提交

Rails 5:如何防止来自 jQuery 的多次提交