如何将用户输入的值传递到动态网址

时间:2016-05-18 20:06:13

标签: javascript html

我希望允许用户指定一个值,然后允许他们点击一个按钮,将他们带到根据他们的条目定制的网址。

以下是我到目前为止的情况;唯一的问题是出于某种原因,当我点击Go按钮时,我的user_input数据没有传递给URL。

<!DOCTYPE html>
<html lang="en">
<head>
<title>Test</title>
<p>Testing</p>
</head>
<body>
<label for="Store_No">Store_No</label>
<input type = "text" id="user_input"></input>


<form action="http://XXX/XX?Store_No="+user_input>
<input type="submit" value="Go">
</form>



</body>
</html>

1 个答案:

答案 0 :(得分:2)

这不需要任何Javacript - 只是关于HTML表单如何工作的一些基本知识。

<form action="http://example.com/" method="get">
<label for="Store_No">Store_No</label>
<input type="text" id="Store_No" name="Store_No">
<input type="submit" value="Go">
</form>

输入字段获取正确的名称集,即我们希望在目标URL中看到的参数。

在表单字段中输入“123”,按“开始” - 它将转到http://example.com/?Store_No=123