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
我需要有关简单代码的帮助。它需要执行以下操作:
- 要求用户在文本框中输入一个值(例如“12345”)。
- 获取输入的值并将其附加到默认 URL 字符串(例如“http://mywebsite.com/track/”)。
- 将浏览器 URL 重定向到新值(例如 http://mywebsite.com/track/12345')。
我正在考虑通过 GET/POST 命令解析值,但我不希望在提交时添加问号,因此 Javascript 就足够了。
我想你正在搜索这个:
var new_url = prompt();
window.location.replace(new_url);
您使用 promt()
从用户那里获得输入,并将其保存在名为 new_url
的 variable
中。之后,您使用 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>
我需要有关简单代码的帮助。它需要执行以下操作:
- 要求用户在文本框中输入一个值(例如“12345”)。
- 获取输入的值并将其附加到默认 URL 字符串(例如“http://mywebsite.com/track/”)。
- 将浏览器 URL 重定向到新值(例如 http://mywebsite.com/track/12345')。
我正在考虑通过 GET/POST 命令解析值,但我不希望在提交时添加问号,因此 Javascript 就足够了。
我想你正在搜索这个:
var new_url = prompt();
window.location.replace(new_url);
您使用 promt()
从用户那里获得输入,并将其保存在名为 new_url
的 variable
中。之后,您使用 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>