jquery как использовать список выбора для перенаправления на новые страницы?

#jquery

Вопрос:

я пытаюсь создать список выбора, и когда пользователь выбирает опцию, он переходит на 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>

есть идеи?
Спасибо

Ответ №1:

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

Ответ №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>

Кроме того, здесь приведен пример скрипки.

Ответ №3:

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

Ответ №4:

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

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

       });

Ответ №5:

Правильный путь к этому (я имею в виду: доступный, который работает и без js) — это иметь форму в любом случае (с кнопкой «Перейти», которая отправит форму. Хотя вы могли бы скрыть кнопку). Идея, лежащая в основе этой системы, заключается в том, что при событии «изменить» выбора вы отправляете () форму. На стороне сервера вы перенаправите пользователя на нужную вам страницу.

1. Я согласен, что должен быть запасной вариант формы, который все еще можно использовать без JavaScript, но когда доступен js, почему бы не сэкономить пропускную способность и перенаправить на сторону клиента?

Ответ №6:

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