html为表单操作添加url

时间:2017-07-05 09:24:22

标签: html

在我的html页面上,我按下按钮后执行操作:

<form action="/example.php" method="POST">

如何附加该网址,以便我也可以使用文本框中的输入? 我想要做的是将用户重定向到特定网址

/example.php?id=inputfromtextbox

1 个答案:

答案 0 :(得分:0)

使用php,您可以直接通过post:

访问文本框中的值来解释它
$textVal = $_POST["someInput"];

甚至可以使用构建的网址重定向到另一个网页:

header("Location:example2.php?id=$textVal");

但这不是一个好主意,因为如果你已经拥有了这个价值,那么就使用它。

使用Javascript,您可以直接导航到用户提交表单时所需的网址。首先,您必须使用onsubmit事件处理表单提交:

<form id="form1" action="/example.php" method="POST" onsubmit="return submitFunc()">

然后在你要做的功能中:

function submitFunc(){
     var textVal = document.getElementById("someInput").value;
     var formAction = document.getElementById("form1").getAttribute("action");
     window.location.href= formAction + "?id=" + textVal;
     return false;
}

最简单的实际上是将方法类型更改为GET,它已经在url本身中编码了表单值。