在 iPad 上的 Mobile Safari 中,似乎如果没有在 <select>
上选择选项元素,那么用户在选择另一个选项之前不能选择第 0 个选项(在 iPad 上尝试 http://jsfiddle.net/PJTKq/)。
更具体地说:
- 创建
<select>
具有两个或更多选项的元素。 - 通过以编程方式设置
selectedIndex = -1
来清除它或删除"selected"
来自所有<option>
的属性元素。 - 点击选择元素并选择第 0 个选项。所选索引不会更改。
- 点击选择元素并选择另一个选项,然后再次点击它并选择第 0 个选项。所选索引应更改两次。
有谁知道允许直接从 selectedIndex
移动的解决方法(除了插入一个空的虚拟选项) -1 至 selectedIndex
0?
最佳答案
<script>
// with jQuery
var iPad = !!navigator.userAgent.match(/iPad/i),
select = "select";
if(iPad === true) {
$(select).prop("selectedIndex", 0);
}
</script>
关于javascript - 解决 iPad 上 Mobile Safari 中第 0 个 <select> 选项错误的解决方法?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6999170/