Нужна помощь со списком select

[sokolovjack]

<div class="hidden-desktop"> <hr />                     <select id="collapsed-navbar " class="content span12 collapsed-nav onchange="location.href=this.value"">                        <option selected="selected" disabled>Выберите пункт меню</option>                        <option class="page-home" value="">Главная</option>                        <option class="page-home" value="">Обратная связь</option>                        <option class="page-home" value="">Реклама на сайте</option>                        <option class="page-home" value="">Раздел</option>                        <option class="page-home" value="">Раздел</option>                        <option class="page-home" value="">Раздел</option>                        <option class="page-home" value="">Раздел</option>                        <option class="page-home" value="">Раздел</option>                     </select>                					 </div>         </div>		 <!-- /баннер -->         <div class="navbar nav visible-desktop">            <div class="navbar-inner">               <div class="container">                  <ul class="nav">                     <li [aviable="main]class="active"[/aviable]"><a href="/index.php"><i class="icon-home icon-white"></i></a></li>                     <li><a href="/index.php?do=feedback">Раздел</a></li>                     <li><a href="#">Информация</a></li>                     <li><a href="#">Категория</a></li>                     <li><a href="#">Раздел</a></li>                     <li><a href="#">Категория</a></li>                     <li><a href="#">Информация</a></li>                     <li><a href="#">Раздел</a></li>                     <li><a href="#">Категория</a></li>                     <li><a href="#">Информация</a></li>                     <li><a href="#">Раздел</a></li>                  </ul>               </div>            </div>         </div>

Есть код, это меню навигации по сайту. Реализовано через выпадающий список, если ширина позволяет, то категории отображаются просто в линию. Проблема возникла с тем, что на ios ,когда из списка выбираешь нужную категорию, жмешь готово, и по ссылке не переходит. Суть в том, чтобы при выборе переходило, есть варианты? Спасибо!

[CoDy]

Пропишите в качестве значений параметров value для option ссылку и добавьте к select следующее:

onchange="document.location.href = this[this.selectedIndex].value;"

http://jsfiddle.net/5kfJH/

[sokolovjack]

  On 11/23/2013 at 2:22 PM, CoDy said:

Пропишите в качестве значений параметров value для option ссылку и добавьте к select следующее:

onchange="document.location.href = this[this.selectedIndex].value;"

http://jsfiddle.net/5kfJH/

ох спасибо БОЛЬШОЕ, сделал так:

<div class="hidden-desktop"> <hr />                     <select onchange="document.location.href = this[this.selectedIndex].value;" id="collapsed-navbar " class="content span12 collapsed-nav onchange="location.href=this.value>                        <option selected="selected" disabled>Выберите пункт меню</option>                         <option class="page-home" value="">Главная</option>                        <option class="page-home" value="/index.php?do=feedback">Обратная связь</option>                        <option class="page-home" value="">Реклама на сайте</option>                        <option class="page-home" value="">Раздел</option>                        <option class="page-home" value="">Раздел</option>                        <option class="page-home" value="">Раздел</option>                        <option class="page-home" value="">Раздел</option>                        <option class="page-home" value="">Раздел</option>                     </select>                					 </div>         </div>		 <!-- /баннер -->         <div class="navbar nav visible-desktop">            <div class="navbar-inner">               <div class="container">                  <ul class="nav">                     <li [aviable="main]class="active"[/aviable]"><a href="/index.php"><i class="icon-home icon-white"></i></a></li>                     <li><a href="/index.php?do=feedback">Раздел</a></li>                     <li><a href="#">Информация</a></li>                     <li><a href="#">Категория</a></li>                     <li><a href="#">Раздел</a></li>                     <li><a href="#">Категория</a></li>                     <li><a href="#">Информация</a></li>                     <li><a href="#">Раздел</a></li>                     <li><a href="#">Категория</a></li>                     <li><a href="#">Информация</a></li>                     <li><a href="#">Раздел</a></li>                  </ul>               </div>            </div>         </div>

Оказалось что в развернутом виде ссылки берутся отсюда:

<!-- /баннер -->         <div class="navbar nav visible-desktop">            <div class="navbar-inner">               <div class="container">                  <ul class="nav">                     <li [aviable="main]class="active"[/aviable]"><a href="/index.php"><i class="icon-home icon-white"></i></a></li>                     <li><a href="/index.php?do=feedback">Раздел</a></li>                     <li><a href="#">Информация</a></li>                     <li><a href="#">Категория</a></li>                     <li><a href="#">Раздел</a></li>                     <li><a href="#">Категория</a></li>                     <li><a href="#">Информация</a></li>                     <li><a href="#">Раздел</a></li>                     <li><a href="#">Категория</a></li>                     <li><a href="#">Информация</a></li>                     <li><a href="#">Раздел</a></li>

А когда меню отображается в виде списка то из верхнего блока:

     <select onchange="document.location.href = this[this.selectedIndex].value;" id="collapsed-navbar " class="content span12 collapsed-nav onchange="location.href=this.value>                        <option selected="selected" disabled>Выберите пункт меню</option>                         <option class="page-home" value="">Главная</option>                        <option class="page-home" value="/index.php?do=feedback">Обратная связь</option>                        <option class="page-home" value="">Реклама на сайте</option>                        <option class="page-home" value="">Раздел</option>                        <option class="page-home" value="">Раздел</option>                        <option class="page-home" value="">Раздел</option>                        <option class="page-home" value="">Раздел</option>                        <option class="page-home" value="">Раздел</option>                     </select>

Хорошая идея просто сделать один шаблон и для смартфонов и для компа. Респект!

[npofopr]

  On 11/23/2013 at 2:44 PM, sokolovjack said:

Хорошая идея просто сделать один шаблон и для смартфонов и для компа. Респект!

делать селекты для меню хорошая идея? о_О  

[ДимOn]

А как сделать, что например при выборе "Обратная связь" - что оно и отображалось при переходе на страницу, а не переходило автоматом на верхний пункт меню.