iOS7 - <select>菜单未在history.back /浏览器后退按钮</select>上重置

Question

这是导航回到上一页时iPhone 5上发生的奇怪错误。

以下是重现iPhone 5上的错误的步骤：

1. 选择指向新页面的菜单选项
2. 从新页面按浏览器后退按钮
3. 尝试使用相同的菜单再次导航到同一页面

在is here上尝试此操作的示例页面。在此页面上，从页面上的第一个菜单中选择“Javascript Tutorials”。然后按照上面的步骤......

在我的情况下，没有go按钮来跟踪链接（如示例页面上的第二个菜单）。单击时会执行该选项。这样做的问题是，因为您在菜单中选择了返回的页面，因此无法导航到该页面。你不能重新选择它。

我的问题：这是一个已知的iOS 7错误吗？有解决方案吗？到目前为止，我的搜索空洞。

我的JS代码在页面加载时生成菜单时选择第一个选项。如上所述，这个错误只发生在iPhone上。

Answer 1

这是不 iOS 7 / iPhone 5错误。 我可以在Windows 7上的Chrome中重新创建它。

正如你所说，

1. “因为您返回的页面在菜单中被选中，

2. 您无法导航到它“

---

1. 由于自动完成行为，菜单已预先选定
   • 当您在步骤2中按“浏览器”（相对于页面刷新）时，浏览器会记住您选择的状态
   • https://stackoverflow.com/a/2699400/1175496
2. 重新选择已选择的选项时
   • 你没有改变任何事情;所以改变事件不会触发
   • 正在侦听该事件的脚本（与示例中的 onChange 属性一样）不会将您转到该页面

我通过在包含您的select的表单元素上添加 autocomplete =“off”属性来解决此问题; 这会阻止数字1，这会阻止数字2。