iPhone 8上有多个<select>严重错误的iOS？

Question

在iOS 8.0中,Apple在iPhone上的Safari中引入了一个新的错误,我认为在使用多个<select>元素时非常严重.例如,它通常用于选择出生日期.重现:

1. 有两个创建一个页面<select>有多个<option>每

2. 在iPhone上的iOS 8上的Safari中打开(该错误仍然存​​在于8.0.2中)

3. 点按第一个 <select>

4. 选择第三个选项,即三月

5. 请注意,它不会更新<select>您选择的内容(在iOS 7中更新)

6. 点按第二个<select>元素

7. 请注意以下事项:

   • 第一个<select>没有更新
   • 第二个<select>显示3(这是第一个的位置<select>)
   • 下面的选择器显示1

您可以通过在点击第一个和第二个之间交替重复此操作<select>,并注意它以相同的模式更改.除非您知道模式,否则这可能是随机出现的).如果你还有一个年度挑选者,那看起来会更加令人困惑.

要试用你的移动设备,试试这个jsfiddle:http: //jsfiddle.net/m7baw590/6/embedded/result/

此外,onchange="alert(this.value)"报告的值不正确(与第二个<select>元素相同.您可以在此处看到:http://jsfiddle.net/m7baw590/7/embedded/result/

如果在每个选择之间单击"完成",或使用箭头切换,则不会发生这些错误.

这有什么解决方法吗？

Answer 1

我在iOS8中发现了另一个选择字段的错误(仅在iPhone上,iPad似乎很好).

http://jsbin.com/kuhogopafe/1

如何重现:

• 选择3个选项
• 再次取消选择一个选项
• 结果:不是选择2个选项,而是仅将最后一个未选择的选项报告为现在选中

Answer 2

我这样解决了问题:

<select>
    <option></option>
    <option></option>
    <option></option>
    (...)
    <optgroup disabled></optgroup>
</select>

只需添加一个空<optgroup>的<select>.