点击“下一步”时，iOS Javascript <select><option> 未填充列表

Question

我在运行 iOS 4.1 的 iPod Touch 上发现了一个奇怪的 iOS 错误。

我有两个相邻的<select> 下拉菜单。第一个包含月份，第二个包含月份中的日期。更改“月”值时，“天”列表将自动更新以显示日期和数字（例如，“星期三 1 日”、“星期四 2 日”等）。

发生的情况是数据正在正确生成并放置在<select> <option> 元素中，因为我可以看到下拉值发生了变化。但在屏幕底部出现的 iOS 垂直滑块中，old 值仍然可见！在将新值添加到下拉列表之前，iOS 似乎正在填充其滚动列表。

如果您通过单击页面或“完成”按钮取消选择“天”列表，然后重新选择它，您将看到正确的值。它可以在桌面浏览器上按预期工作，甚至可以在 iPad 上工作（因为 iPad 上没有 <select> 元素的上一个/下一个按钮，它的工作方式就像桌面浏览器一样）。

有没有人知道如何解决这个问题？

这是一个显示问题的 jsfiddle：http://jsfiddle.net/qGjWp/5/ 当点击“下一步”从月份框移动时，您会注意到 <select> 框中的可见值与选项列表不匹配！

---

编辑：这是运行中的错误的屏幕截图 - “Sun 1”是 2012 年 4 月的第一天的正确值，但底部的滚动列表显示之前的值选择的月份。

Answer 1

尝试使用html 而不是append 避免使用旧值并一次只显示一个

Answer 2

我已经更新了你的小提琴，以反映我能找到的解决这个问题的最佳解决方案。 this answer to a related post 中解释的很好。

http://jsfiddle.net/qGjWp/12/