Javascript 使用框输入重定向页面

在HTML页面上有一个带有提交按钮的文本框。我需要知道如何重定向到特定的数字，如：

• 当填写1并单击提交时，它将重定向到

  www.website/page1.html

• 当填写2并单击提交时，它将重定向到

  www.website/page2.html

等等

我只在网站上使用HTML/CSS

---

有人知道如何解决这个问题吗

比方说，您的HTML如下所示：

<input type="text" id="url">
<button type="button" id="redirect">Submit</button>

提交

要先用一点JS完成此操作，您可以添加输入字段和按钮：

<input type='text' id='url' />
<input type='submit' id='btn' />

这会将您带到任何URL，您可以修改路径名以前置/追加目标：

window.location = 'www.website/page' + document.getElementById('url').value + '.html';

我只在网站中使用html/css

我假设你有jQuery或者知道一些普通JS的基本概念

//按id获取表单
var formElem=document.getElementById（'your-form'）；
//为提交添加事件侦听器
formElem.addEventListener（'submit'，函数（事件）{
//防止提交时的默认行为
event.preventDefault（）；
//创建我们将要使用的变量
//以及从输入字段中获取值
var redirectUserTo=null；
var yourInputElemValue=document.getElementById（'your-input'）.value；
//检查该值并基于该值定义用户目标
//或者你可以使用一个“开关盒”，如果它更适合。。。
如果（yourInputElemValue==“1”）{
redirectUserTo=“page1.html”；
}else if（yourInputElemValue==“2”）{
redirectUserTo=“page2.html”；
}
//在重定向用户之前检查是否设置了某些目标。。。
如果（重定向到用户）{
window.location.href=redirectUserTo；
}
});

你的意见
提交此表格
您可以使用JavaScript或jQuery进行此操作


函数gotoPage（）{
var page_val=document.getElementById（'page'）.value；
如果（第页）{
打开（“page”+page_val+”.html“，“_self”）；
}
否则{
警告（“请输入内容！”）；
}
}


我建议您使用javascript

document.getElementById("btn").addEventListener("click", goToUrl);
function goToUrl(){
  window.location = document.getElementById('url').value;
}

函数goTo（）{
var inputValue=document.getElementById（'input'）.value
如果（输入值=='1'）{
打开窗户http://www.website/page1.html');
}
}




提交
您能给我们一个当前HTML的摘录，以便我们知道我们正在使用什么，并解释您试图解决这个问题的原因吗？我正在设置这个，但在网上找不到示例代码。刚刚从零开始。谢谢，这帮了我很大的忙！这将只打开…1.html而不是1,2等