Javascript 单击选择列表中的选项时如何重定向用户？

我为自己没能做到这一点而自责。但我几乎什么都试过了。我只想在用户单击我的选项值列表中的某个选项时将其重定向到特定页面。以下是我当前的代码（可以更好地解释我的问题）：

项目1
项目2
项目3

我也尝试过一次改变。同样的结果。有人能帮我吗？谢谢你们

<select id="test_redirect">
<option value="1">Item  1</option>
<option value="2">Item 2</option>
<option value="3">Item 3</option>
</select>

jquery

$("#test_redirect").change(function(){

    var val = $(this).val();
    window.location.href = "http://localhost/shop?item=" + val;

 });

jquery

$("#test_redirect").change(function(){

    var val = $(this).val();
    window.location.href = "http://localhost/shop?item=" + val;

 });

这取决于相对较新的浏览器（带有

queryselectoral

和

addEventListener

），但原理相同<代码>单击不会触发选项，因此您必须在

上执行

更改

。也可以将代码整合一点

这取决于相对较新的浏览器（带有

queryselectoral

和

addEventListener

），但原理相同<代码>单击不会触发选项，因此您必须在

上执行

更改

。也可以将代码整合一点

试试这个（在每个选项的

值中给出页面链接）


试试这个（在每个选项的
值中给出页面链接）

您需要将事件处理程序绑定到
而不是单个选项：

<select name="test_redirect" onchange="location.assign('http://localhost/shop?item=' + this.options[this.selectedIndex].value)">
<option value="1">Item 1</option>
<option value="2">Item 2</option>
<option value="3">Item 3</option>
</select>


项目1
项目2
项目3
您需要将事件处理程序绑定到
而不是单个选项：

<select name="test_redirect" onchange="location.assign('http://localhost/shop?item=' + this.options[this.selectedIndex].value)">
<option value="1">Item 1</option>
<option value="2">Item 2</option>
<option value="3">Item 3</option>
</select>


项目1
项目2
项目3
这将为您节省行数：

<select onchange="location = this.options[this.selectedIndex].value;">
<option value="1">Item  1</option>
<option value="2">Item 2</option>
<option value="3">Item 3</option>
</select>


项目1
项目2
项目3
这将为您节省行数：

<select onchange="location = this.options[this.selectedIndex].value;">
<option value="1">Item  1</option>
<option value="2">Item 2</option>
<option value="3">Item 3</option>
</select>


项目1
项目2
项目3
试试这个

<select name="test_redirect" onchange="location.href='http://localhost/shop?item='+this.value">
<option value="1">Item 1</option>
<option value="2">Item 2</option>
<option value="3">Item 3</option>
</select>


项目1
项目2
项目3
试试这个

<select name="test_redirect" onchange="location.href='http://localhost/shop?item='+this.value">
<option value="1">Item 1</option>
<option value="2">Item 2</option>
<option value="3">Item 3</option>
</select>


项目1
项目2
项目3
他没有任何jQuery代码或jQuery标记；jQuery JavaScriptHe没有任何jQuery代码或jQuery标记；非常感谢您。这正是我需要的：）给你道具！非常感谢你。这正是我需要的：）给你道具！