2015-04-29 23 views
1

今天我遇到了一个奇怪的问题。我的响应式菜单似乎不适用于所有移动设备。在三星S5上,当我点击任何选项,页面加载,但菜单不会消失/关闭。当我选择其他内容时,它不会再重定向。响应式选择菜单 - Javascript only with onChange

我想使用一个简单的onchange脚本。任何帮助表示赞赏。

<select id="mobile-menu" onChange="if (this.value) window.location.href = this.value;"> 
<option selected disabled>Navigation Menu</option> 
<option value="link1.shtml">Home</option> 
<option value="link2.shtml">Services</option> 
<option value="link3.shtml">Testimonials</option> 
<option value="link4.shtml">Faq</option> 
</select> 

回答

1

onChange属性可以取消进一步正常输入操作(如关闭选择),如果内部的JavaScript返回“falsy”值。尝试在onChange的末尾添加return true;

<select id="mobile-menu" onChange="if (this.value) window.location.href = this.value; return true;"> 
    <option selected disabled>Navigation Menu</option> 
    <option value="link1.shtml">Home</option> 
    <option value="link2.shtml">Services</option> 
    <option value="link3.shtml">Testimonials</option> 
    <option value="link4.shtml">Faq</option> 
</select>