如果选择了特定的<option>值，则导航到URL

Question

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

所以，让我说我有一个带有选择字段的表单。

例如：

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

我想要的只是当用户选择值=＆＃34;加拿大＆＃34; 将它们重定向到其他URL。注意：我无法修改我需要能够让jquery / javascript看到值加拿大被选中并在他们做出选择后立即将它们发送到不同的URL。

Answer 1

您可以像这样触发变更事件：

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

Answer 2

尝试这样的事情：

＆＃13;

＆＃13;

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

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;