使用 jQuery 提交表单时传递额外变量

我有一个表单，其中“提交”按钮不在<form>标签。提交按钮有一个click通过 jQuery 提交表单的处理程序submit()事件。这非常有效。

但是，我还需要发布“提交”按钮的值。由于该按钮不存在于<form>标签，它不包含在 POST 数组中。因此，我需要设计一种在提交表单时传递额外变量的方法。

对于无法实现这一目标的一些规定包括：

• 提交按钮无法在范围内移动<form> tags.
• 它不能使用 jQueryajax, post, or get方法。
• 它不可能有隐藏input被 CSS 隐藏的字段或提交按钮。
• 该表单的行为必须与表单中存在正常的“提交”按钮完全相同。

我设想了类似的东西，但显然这是行不通的。

$('#admin_form').submit({'variable_name', 'true'});

有人对我如何实现这一目标有任何想法吗？

你可以做的一件事就是使用onsubmit属性让 javascript 将 post 字段注入到表单中，并在提交时使用提交按钮的值。您必须使用隐藏的输入字段来执行此操作，但您只需在用户单击提交按钮后立即添加输入字段 - 因此输入字段从一开始就不会存在（希望这能满足您的要求） ）。所以像这样：

 function submitHandler()
 {
     submitVal = $('#submitButton').val();
     $('#myForm').append("<input type='hidden' name='submitValue' value='"+
                         submitVal+"' />");
     return true;
 }

单击按钮时，它将保留额外的值。