Question

我正在尝试创建一个选择列表，当用户选择一个选项时，它将转到一个html页面

<select name="test" id="test">
<option value="about.html">about</option>
<option value="portfolio.html">portfolio</option>
</select>

我想模仿这个ul：

<ul id="nav">
    <li><a href="about.html">about</a></li>
    <li><a href="portfolio.html">portfolio</a></li>
</ul>

任何想法？感谢

Answer 1

$('#test').change(function(){
    window.location.href = $(this).val();
});

Answer 2

内联示例：

<select onchange="location.href = this.value;">
    <option value=""></option>
    <option value="http://www.google.com">google</option>
    <option value="http://www.yahoo.com">yahoo</option>
</select>

此外，here是小提琴的例子。

Answer 3

$("#test").bind("change", function() {
      location.href = $(this).val();
});

Answer 4

  $('#test').change(function() {

var page = $(this).val();
window.location.replace(page);

       });

Answer 5

正确的方式（我的意思是：可访问，也可以没有js），无论如何都要有一个表单（还有一个提交表单的“Go”按钮。你可以隐藏按钮）。这个系统背后的想法是，在select的“change”事件中你将提交（）表单。然后，服务器端会将用户重定向到您需要的页面。

Answer 6

$("#test").change(function () {
  $(location).attr('href', $(this).val());
});

jquery如何使用选择列表重定向到新页面？

6 个答案: