Javascript:如何获取表单中文本框的值,然后将它们附加到预定义的字符串并将浏览器重定向到结果值

Javascript: How to get value of textbox in form, then append them to a predefined string AND redirect browser to the value of the result

我需要有关简单代码的帮助。它需要执行以下操作:

  1. 要求用户在文本框中输入一个值(例如“12345”)。
  2. 获取输入的值并将其附加到默认 URL 字符串(例如“http://mywebsite.com/track/”)。
  3. 将浏览器 URL 重定向到新值(例如 http://mywebsite.com/track/12345')。

我正在考虑通过 GET/POST 命令解析值,但我不希望在提交时添加问号,因此 Javascript 就足够了。

我想你正在搜索这个:

var new_url = prompt();
window.location.replace(new_url);

您使用 promt() 从用户那里获得输入,并将其保存在名为 new_urlvariable 中。之后,您使用 replace() 方法进行重定向。您更改 window object

的位置

您可以尝试这样的操作:

<!DOCTYPE html>
<html>
<body>

<input type="text" id="urlInput" value="12345"><br>

<p>Click "GO" to be redirected to the URL.</p>

<button onclick="redirect()">GO</button>

<script>
function redirect() {
var url = "http://mywebsite.com/track/" + document.getElementById('urlInput').value;
window.location=url;
}
</script>

</body>
</html>