使用jquery，如何在下拉列表选择更改时重定向？

Question

我有一个下拉列表，如果有人根据选择选择了我想要重定向到另一个页面的选项。

我如何通过jquery做到这一点？

Answer 1

将逻辑绑定到$.change()事件，并从$.val()获取当前值以确定用户应该重定向到的位置。此示例假定位置直接存储在值本身中。

$(".mySelect").change(function(e){
  window.location = $(this).val();
});

Answer 2

<select id="abc">
    <option value="p1">Page 1</option>
    <option value="p2">Page 2</option>
    <option value="p3">Page 3</option>
</select>

$("#abc").change(function() {
    window.location.href = "http://domain/" + $(this).val() + ".html";
});