如何实现根据 clicket 按钮提交此表单的 JavaScript？ [复制]答案

【问题标题】：How can I implement a JavaScript that submit this form according to the clicket button? [duplicate]如何实现根据 clicket 按钮提交此表单的 JavaScript？ [复制]
【发布时间】：2014-12-01 15:05:13
【问题描述】：

我有以下无法解决的问题：

我已经把这个表格变成了一个 HTML 表格：

<th width = "8.33%">
    <form id="actionButton" action="salwf.do?serv=1" method="post">
        <button name="accept" value="Accept" type="submit" class="acceptButton">ACCEPT ICON BUTTON</button>
        <button name="cancel" value="Cancel" type="submit" class="cancelButton">CANCEL ICON BUTTON</button>
        <button name="sap" value="SAP" type="submit" class="sapButton">SAP ICON BUTTON</button>
        <input id="testId" name="test" type="hidden">
    </form>
</th>

如您所见，此表单包含 3 个 JQuery 按钮元素和一个隐藏的输入标签。

我需要创建一个 Javascript 来执行以下操作：当用户单击前 3 个按钮之一时，它会获取单击按钮的值（Accept 或 Cancel 或 SAP）并提交（在 POST 请求中）。

我可以用 JavaScript 做这样的事情吗？如何实现？

【问题讨论】：

你写过 JavaScript 来解决这个问题吗？
为什么需要它？无论如何，单击的按钮及其值都将在 POST 参数中可用。
为什么需要 JavaScript？表单已经这样做了！（这些是 HTML 按钮，而不是 jQuery 按钮）。
<form> 内 <th>..？你表的标题是<form>'s.?奇怪...
@Quentin 判断jquery-ui 标签他可能指的是buttons

标签： javascript jquery jquery-ui javascript-events

【解决方案1】：

我需要创建一个执行以下操作的 Javascript：当用户单击前 3 个按钮之一，其值为单击的按钮（接受或取消或 SAP）并提交（在 POST 请求）。

值与请求一起提交。你有不同的names，所以在处理你的表单请求时检查name的存在。

Accept:Accept
Cancel:Cancel
SAP:SAP

或者，你可以做的是，给你的按钮不同的id但相同的name。

<button id="accept" name="ctrl" value="Accept" type="submit" class="acceptButton">ACCEPT</button>
<button id="cancel" name="ctrl" value="Cancel" type="submit" class="cancelButton">CANCEL</button>
<button id="sap" name="ctrl" value="SAP" type="submit" class="sapButton">SAP</button>

然后您可以使用相同的键检查包含您的值的表单请求：

ctrl:Accept
ctrl:Cancel
ctrl:SAP

如果您有不同的名称，则每个按钮都有不同的键。

【讨论】：