Выберите меню для мобильного сайта

Question

Я хочу сделать меню выбора для мобильного веб-сайта .. я положил выберите HTML-код в моей странице

<select id="menu_mobile"> 
<option value="" selected="selected">Navigation</option> 
<option value="http://kudu.com.sa/en/about/who-we-are"> Who we are</option> 
<option value="index.html"> Home</option> 
<option value="index.html"> --Profile</option> 
<option value="index.html"> --Franchise</option> 
<option value="index.html"> --CSR</option> 
<option value="index.html"> Home</option> 

</select> 

но когда я открываю свой сайт на Iphone это только выбрать не щелкает

, как я могу это исправить

Answer 1

Я предполагаю, что вы имеете в виду, что браузер не перейти к значению <select>.

JQuery

$(document).ready(function() { 
    $('#select').change(function() { 
     location.href = $(this).val(); 
    } 
}); 

<form action=""> 
    <select id="select"> 
     <option value="">Choose a site</option> 
     <option value="/internal/location.htm">Location</option> 
     <option value="http://external.site.com/">Other</option> 
    </select> 
</form> 

JavaScript

<form> 
    <select onchange="window.location.href=this.form.URL.options[this.form.URL.selectedIndex].value" name="URL"> 
     <option value="">Choose a site</option> 
     <option value="/internal/location.htm">Location</option> 
     <option value="http://external.site.com/">Other</option> 
    </select> 
</form> 

Answer 2

Try This One

$("select").change(function() { 
    window.location = $(this).find("option:selected").val(); 
}); 

его работы see this fiddle я думаю, у вас нету добавить JQuery в код