我在我的表单中添加了一个额外的提交按钮，我将像这样使用它。
我有一种不安的感觉，这可能无法单独使用 PHP/HTML 实现，并且我可能必须使用一些 Javascript 来修改表单操作，然后才能开始 POST 数据？
想法和想法？
谢谢
【问题讨论】：
为两个提交按钮赋予相同的名称但不同的值。您可以检查您的 php 文件中的值。
例子
<form action="something.php" method="post">
<input type="submit" name="submit" value="one">
<input type="submit" name="submit" value="two">
</form>
something.php
switch( $_POST['submit'] ) {
case 'one':
case 'two':
}
【讨论】：
您可以使用 JavaScript 根据点击的按钮来修改表单，或者您可以检查服务器端（即使用 PHP）点击了哪个按钮并采取相应措施。
提交按钮是一个表单输入，就像任何其他按钮一样，即您可以给它一个名称和一个值，您可以检查服务器端。
在客户端（即使用 JavaScript），您可以将处理程序绑定到按钮的点击事件，修改表单的操作属性并将其提交到新地址。
这是一个客户端示例：
<!doctype html>
<html>
<head>
<title>Form submit test</title>
</head>
<body>
<form action="baz.html" method="post">
<input id="bar" type="submit" class="button" value="bar.html" name="" />
<input id="foo" type="submit" class="button" value="foo.html" name="" />
</form>
<script>
// Find the two buttons from the DOM and assign them to separate variables
var barBtn = document.getElementById('bar'),
fooBtn = document.getElementById('foo');
// Click-handler for the buttons.
// NB! For this code to work as intended, it needs to run
// in the context of the button, otherwise, the this-keyword
// will not resolve correctly and this will result in an error
// NB2! This code also requires that a button's value will be
// the desired action handler. Usually you would probably not
// do this, but use the button's name/value to lookup the
// correct form action.
function modifyAction(e) {
this.form.action = this.value;
}
// Bind an event handler to an object
// NB! This is not code you should use in production
function bindEvent(target, event, callback) {
if (target.addEventListener) {
target.addEventListener(event, callback, false);
} else if (target.attachEvent) {
target.attachEvent('on' + event, callback);
}
}
// Delegate creates a wrapping closure which binds the
// original function's context to an object, i.e. ensuring
// the this-keyword always refers to the same object when
// the returned function is invoked.
function delegate(context, method) {
return function () {
return method.apply(context, arguments);
}
}
// Bind the click-event of the barBtb, and handle it
// with the modifyAction-function bound to the barBtn.
// I.e. run the modifyAction function, with the this-keyword
// bound to barBtn
bindEvent(barBtn, 'click', delegate(barBtn, modifyAction));
// Same as above for fooBtn
bindEvent(fooBtn, 'click', delegate(fooBtn, modifyAction));
</script>
</body>
</html>
为了完整起见，这里有一个相同的 jQuery 示例：
<form action="baz.html" method="post">
<input id="bar" type="submit" class="button" value="bar.html" name="" />
<input id="foo" type="submit" class="button" value="foo.html" name="" />
</form>
<script>
// Jquery event-handlers are automatically bound to
// the element selected, so using "this" is safe
function modifyAction(e) {
this.form.action = this.value;
}
// Bind the click-event on all input with type=submit
$("input[type=submit]").click(modifyAction);
</script>
【讨论】：
include 可以让您将代码带到您需要的地方和时间，然后您可以相应地重定向。
您可以在没有 javascript 的情况下执行此操作。只需为您的提交按钮名称提供不同的值：
<button type="submit" name="btn" value="addItem">Add item</button>
<button type="submit" name="btn" value="finish">Finished</button>
现在在脚本中，您将表单发布到您可以通过检查 $_POST['btn'] 值来确定单击了哪个按钮并采取相应的操作。
【讨论】：