Question

我需要有一个表单，填写后会创建一个变量，然后在网址中转到带有该变量的网址。

像这样（但有效）：）

<form action="?????" method="?????">

Number: <input type="text" name="url1" value=""><br>

<input type="submit" name="submit" value="Goto URL">
</form>

按下提交后，我需要转到http://somewhere.com?url=VALUEHERE

有什么想法吗？

Answer 1

使用method="GET"将变量放入网址：

<form action="http://somewhere.com/" method="GET">
    Number: <input type="text" name="url" value="" /><br />

    <input type="submit" name="submit" value="Goto URL" />
</form>

发布此表单将转至http://somewhere.com/?url=USER_INPUT_URL

Answer 2

<form>
Number: <input type="text" name="url1" id="url1" value=""><br>
<input type="submit" name="submit" value="Goto URL" onclick="redirect()">
</form>

<script>
function redirect()
{
  window.location='http://somewhere.com?url=' + document.getElementByID('url1').value;
}
</script>

Answer 3

与第一名不同。不需要表单，为文本字段添加名为'id'的属性，然后定义一个javascript函数来检索textfield的值，然后执行跳转，希望有用。

<form action="?????" method="?????">

Number: <input id="url1" type="text" name="url1" value=""><br>

<input type="button" name="submit" value="gotoURL()">
</form>

<script>
function gotoURL(){
window.location='http://somewhere.com?url='+document.getElementById('url1').value;
}
</script>

在表单提交后使用URL中的用户输入重定向

3 个答案: