问题描述
是否可以在一个表单上有两个提交按钮，其中一个启动提交但还向URL传递参数？ 也许使用js / jquery拦截操作并以某种方式附加参数。 即
<form action="/doStuff" method="post">
<input id="name" type="text"></input>
<button id="save" type="submit">Save</button>
<button id="save-with-param" type="submit">Save as Draft</button>
</form>
单击保存将发送：
localhost:8080/myApp/doStuff
然后单击“ save-with-param将发送：
localhost:8080/myApp/doStuff?param=XYZ
1楼
A. Wolff
3
已采纳
2015-07-26 19:57:39
在所有现代浏览器上，您可以使用formaction属性：
<form action="/doStuff" method="post">
<input id="name" type="text"></input>
<button id="save" type="submit">Save</button>
<button id="save-with-param" type="submit" formaction="/doStuff?param=XYZ">Save as Draft</button>
</form>
为了支持较旧的浏览器，例如IE9 <，您可以使用以下方法添加支持：
;(function ($) {
$(function () {
if (typeof document.createElement('input').formAction === "undefined") {
$(':submit[formaction]').closest('form').data('defaultFormAction', this.action).on('submit', function () {
var $focused = $(':focus');
$(this).attr('action', $focused.is('[formaction]') ? $focused.attr('formAction') : $(this).data('defaultFormAction'));
});
}
});
}(jQuery));
2楼
Marcos Dimitrio
0
2015-07-26 20:17:40
如果您想使用jQuery：
$(document).ready(function() {
$("#save-with-param").on("click", function() {
var action = $('form').attr('action') + "?param=XYZ";
$('form').attr('action', action);
});
});