2015-04-29 44 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>