Javascript 从输入下拉列表转到URL

我的网站上有一个下拉列表，用户可以选择不同的网站名称。 在下拉列表旁边有一个提交按钮

我希望用户从下拉列表中选择一个站点名称，当他们单击submit时，他们应该被重定向到一个特定的url，并附加下拉值

网站名称1
网站名称2
网站名称3
走！

示例案例：

• 用户选择“网站名称2”
• 用户单击“开始！”按钮
• 站点打开一个新窗口，其中包含“目标”https://example.com/site/2"

---

有很多方法可以做到这一点。不过你可以试试下面的方法。 在下拉列表中添加一个完整的url，您希望将其重定向到该url，而不仅仅是值，然后在按钮上单击重定向到该站点
确保按钮类型不是“提交”，并附加一个带有javascript功能的点击事件。 在javascript函数中，从下拉列表中读取所选值并使用

window.location.href

重定向到该站点

函数重定向（）{
var值=document.getElementById（“站点”）.value；
window.location.href=值；
返回；
}

谷歌
堆栈溢出
走！

有很多方法可以做到这一点。不过你可以试试下面的方法。 在下拉列表中添加一个完整的url，您希望将其重定向到该url，而不仅仅是值，然后在按钮上单击重定向到该站点
确保按钮类型不是“提交”，并附加一个带有javascript功能的点击事件。 在javascript函数中，从下拉列表中读取所选值并使用

window.location.href

重定向到该站点

函数重定向（）{
var值=document.getElementById（“站点”）.value；
window.location.href=值；
返回；
}

谷歌
堆栈溢出
走！

实现此功能有多种方法。我更喜欢使用最少的HTML和JavaScript处理所有内容。在我的示例中，我们将使用EventListener来实现这一点
将您的HTML更改为：

<form id="form" method="get">
  <select id="selection">
     <option value="1">Website Name 1</option>
     <option value="2">Website Name 2</option>
     <option value="3">Website Name 3</option>
  </select>
   <button class="btn" type="submit">GO!</button>
</form>

---

此答案假设所有URL都遵循该格式。如果没有，您可以将选项标记中的值更改为实际URL，并从JavaScript中删除URL前缀。
实现此功能有多种方法。我更喜欢使用最少的HTML和JavaScript处理所有内容。在我的示例中，我们将使用EventListener来实现这一点
将您的HTML更改为：

<form id="form" method="get">
  <select id="selection">
     <option value="1">Website Name 1</option>
     <option value="2">Website Name 2</option>
     <option value="3">Website Name 3</option>
  </select>
   <button class="btn" type="submit">GO!</button>
</form>

此答案假设所有URL都遵循该格式。如果没有，您可以将选项标记中的值更改为实际URL，并从JavaScript中删除URL前缀