Javascript 选择移动网站的菜单

我想做手机网站的选择菜单。。 我将选择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上打开我的网站时 只有选择而不是单击

---

如何修复它

我想您的意思是浏览器没有导航到

的值

jQuery

$（文档）.ready（函数（）{
$（'#select'）。更改（函数（）{
location.href=$（this.val（）；
}
});
选择一个站点
位置
其他

JavaScript

选择一个站点
位置
其他

试试这个

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

它起作用了

---

我想你还没有在代码中添加jquery

你的意思是它没有链接到index.html？不清楚你在这里问什么..这不是导航的方法。使用普通的

ul

@BramVanroy你误读了OP的问题。OP正在制作一个下拉菜单。查看我的答案我也使用这个java脚本代码$（函数（）{$（“#menu_mobile”）.change（function（）{document.location.href=$（this.val（）；}）；}）；define

not work

。在开发控制台中显示JS错误吗？

<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>

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