[英]Responsive Select Menu - Javascript only with onChange
我今天遇到一個奇怪的問題。 我的響應式菜單似乎無法在所有移動設備上正常工作。 當我單擊任何選項時,在Samsung S5上,頁面會加載,但菜單不會消失/關閉。 當我選擇其他內容時,它不會再次重定向。
我正在嘗試使用一個簡單的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>
如果內部的JavaScript返回“ falsy”值,則onChange
屬性可以取消進一步的常規輸入操作(如關閉select)。 嘗試添加return true;
在onChange
的末尾。
<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>
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.