javascript - 选择移动网站的菜单

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

试试这个

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

它的工作看到这个小提琴 我认为你没有在你的代码中添加一个 jquery