Javascript 如何创建一个提交按钮，在URL上附加一个值，并在提交后转到该URL？

因此，基本上要求用户在文本字段中输入一个值，然后单击“提交”后，他将被重定向到一个页面，该页面基于他输入的值具有URL，例如：

• 用户输入：测试
• 单击“提交”后，它将成为URL：
• 然后被重定向到该URL

我一直在尝试使用以下代码：

<script>
    function resetId(){
  var idInput = document.getElementById("id");
  var suffix=".example.com";            
alert("Value before submit:" + idInput.value);
}
</script>

<form action="#" method="post" onsubmit="resetId();return false" >
    <input type="text" name="id" value="domain" id="id"><br>
    <input type="submit">
</form>

函数resetId（）{
var idInput=document.getElementById（“id”）；
var suffix=“.example.com”；
警报（“提交前的值：+idInput.Value”）；
}

我可以将它作为后缀添加，但我也很困惑，因为这是URL，我需要全部内容，所以我认为有更好的方法来实现这一点，而不是像我现在这样做

抱歉，我对编码还不熟悉，而且我还在学习新概念

---

提前感谢。

只需替换这行代码即可

<form action="#" method="GET" onsubmit="resetId();return false" >

---

只需替换这行代码即可

<form action="#" method="GET" onsubmit="resetId();return false" >

---

实现这一目标的方法有很多

一行方法利用and（创建一个弹出窗口，提示用户输入内容）

---

window.location.replace（`http://${prompt（'Input:'）}.example.com`）

有很多方法可以实现它

一行方法利用and（创建一个弹出窗口，提示用户输入内容）

---

window.location.replace（`http://${prompt（'Input:'）}.example.com`）

这更像是一个发现差异的游戏，而不是一个答案。看起来您打算将表单的方法从POST更改为GET，但这没有任何意义，而且

onsubmit

函数阻止表单提交。这更像是一个发现差异的游戏，而不是一个答案。看起来您建议将表单的方法从POST更改为GET，但这没有任何意义，而且

onsubmit

函数阻止表单提交。非常感谢！，这正是我要找的。您还提供了解决此问题的提示和其他方法，这一事实也非常有助于我的理解。非常感谢！，这正是我要找的。事实上，你也提供了一些技巧和其他方法来解决这个问题，这对我的理解也很有帮助。