选择导航兼容性答案

【问题标题】：Select navigation compatibility选择导航兼容性
【发布时间】：2013-02-04 20:35:24
【问题描述】：

我使用select导航如下，在桌面浏览器上运行良好：

<select onchange="window.location=this.value;">

但这在 Mobile Safari 中不起作用，因此需要 onblur。

是否存在交叉兼容的on 事件？

【问题讨论】：

值得注意的是，我考虑过使用下拉列表 div 来解决这个问题，这对于 Mobile Safari 处理 select 的方式会更自然，但我仍然很好奇何时在真正的form 中使用select。
具体是什么“不起作用”？
我没有用window.location试过，但是用location.href就可以了。
它不会触发 onchange: stackoverflow.com/questions/8004227/…

【解决方案1】：

$("select").on('change', function () { $(this).trigger('blur'); })
   .on('blur', function () {
       window.location = $(this).val();
   });

【讨论】：