表单操作根据单击的提交按钮传递正确的文本值

Question

我的代码是

<form method="post">
    <input type="text" name="t1" id="t1">
    <input type="text" name="t2" id="t2">
    <input type="submit" name="s1" id="s1" value="Submit1" onclick='this.form.action="p1.php";'>
    <input type="submit" name="s2" id="s2" value="Submit2" onclick='this.form.action="p2.php";'>
</form>

现在我想要的是，如果我单击Submit1 p1.php应该打开，那么我只能访问text1的值，而不能访问text2的值。

同样，如果我单击Submit2，则p2.php应该打开，我只能访问text2的值，而不能访问text1。

页面正在打开，但我可以访问两个值，即t1和t2

我只想用html no js和jquery来做，而我只需要做一种形式。 不允许使用单独的表格。

Answer 1

您可以在“提交”按钮上使用属性formaction来更改表单的当前操作，而无需使用JS。 请参阅规格说明 。 如果您需要支持IE9等较旧的浏览器，则可以使用webshim对其进行填充 ：

<script>
if(!('formAction' in document.createElement('input')){
    webshim.polyfill('forms');
}
</script>

<form method="post">
    <input type="text" name="t1" id="t1">
    <input type="text" name="t2" id="t2">
    <input type="submit" name="s1" id="s1" value="Submit1" formaction="p2.php">
    <input type="submit" name="s2" id="s2" value="Submit2" formaction="p2.php">
</form>

Answer 2

如果您不想使用javascript，我能想到的唯一解决方案是使用两种HTML表单。

<form method="post">
    <input type="text" name="t1" id="t1">
    <input type="submit" name="s1" id="s1" value="Submit1" onclick='this.form.action="p1.php";'>
</form>

<form method="post">
    <input type="text" name="t2" id="t2">
    <input type="submit" name="s2" id="s2" value="Submit2" onclick='this.form.action="p2.php";'>
</form>

Answer 3

嗨，山姆，

您的问题看起来像是错误的，可能是您要使用单个表单中的两个“提交”按钮以不同的操作来提交所有表单值。

可能是这段代码将帮助您以其他形式提交值

<form method="post">
<input type="text" name="t1" id="t1">
<input type="text" name="t2" id="t2">
<input type="submit" name="s1" id="s1" value="Submit1" formaction="p1.php">
<input type="submit" name="s2" id="s2" value="Submit2" formaction="p2.php">
</form>