如果选择了特定的 <option> 值，则导航到 URL [关闭]答案

【问题标题】：Navigate to URL if specific <option> value is selected [closed]如果选择了特定的 <option> 值，则导航到 URL [关闭]
【发布时间】：2017-02-28 15:03:20
【问题描述】：

您好一直在寻找如何使用 jquery 或 JavaScript 执行此类操作，但似乎找不到。

假设我有一个包含选择字段的表单。

例如：

<select id="Country">
    <option value="USA">USA</option>
    <option value="Canada">Canada</option>
    Etc.....
</select>

我想要的只是当用户选择 value="Canada" 的选项时让他们重定向到不同的 URL。注意：我无法修改我需要能够让 jquery/javascript 查看值 Canada 被选中，并在他们做出选择后立即将它们发送到不同的 URL。

【问题讨论】：

到目前为止你有什么尝试......我相信已经有很多解决方案可以解决这个问题......
@Kudzai 你错了..
是否也需要生成 URL？我注意到您无法更改 HTML，并且每个选项都没有存储 URL，所以如果我选择 Canada，您是否必须生成一个 URL，例如 /countries/Canada ？
不，我只需要将它们发送到一个可以在 javascript 中指定的 url，前提是他们选择 Canada。

标签： javascript jquery forms

【解决方案1】：

您可以像这样在 Change 上触发事件：

 $(document).ready(function() { 
    $('#Country').on('change', function(){
        window.location.href = this.value; //USA, Canada
    }); 
 });

【讨论】：

【解决方案2】：

试试这样的：

$(document).ready(function(){
$("#Country").change(function(){
window.location.href=$('option :selected').value;
})
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="Country">
    <option value="USA">USA</option>
    <option value="Canada">Canada</option>
    Etc.....
</select>

【讨论】：

这行得通：