如果文本输入等于转到网页

Question

我目前正在为我的网站使用 ionos，我根本没有编码经验，希望 html 帮助完成此操作 我有 12 个代码 abcd, abce, abcf, abcg, abch, abci, abcj, abck, abcl, abcm, abcn, abco 如果有人在输入框 abcd 中键入然后选择提交，他们将被定向到 mywebpage/abcd 如果 text = abce 他们将被定向到网页 mywebpage/abce 等等 我也不知道如何制作输入框或提交按钮。 任何帮助真的很感激

我什么都没试过，因为我不知道从哪里开始 我只有输入html代码的小部件

Answer 1

你好，马丁斯蒂尔！我在看你的问题，找到了一个很好的答案。我决定做的是用用户输入的任何内容替换位置并单击提交，这是代码：

function goToPage() {
//You could do this, or individually for each link:
var theValue = document.getElementById("userValue").value;
location.replace("https://website.com/" + theValue)
//Obviously, change 'https://website.com/' to your website name.
//If you're already in your website, just put theValue in location.replace.
}

<input type="text" id="userValue">
<button onClick="goToPage()">Submit</button>

当然，你说你只想要 12 个选项，abce、abcd 等。你可以单独键入每个值选项，（复制粘贴），但这样效率更高，也更节省资源。如果您要执行此选项，如果该值包含数组中的任何代码，则必须创建一个 if 语句，您可以将所有链接放入该数组中。然后，您可以使用 location.replace() 函数替换将您所在的链接与他们输入的链接联系起来。

希望这可以帮助！！