javascript - 解决 iPad 上 Mobile Safari 中第 0 个 <select> 选项错误的解决方法?

标签 javascript html ios ipad mobile-safari

在 iPad 上的 Mobile Safari 中,似乎如果没有在 <select> 上选择选项元素,那么用户在选择另一个选项之前不能选择第 0 个选项(在 iPad 上尝试 http://jsfiddle.net/PJTKq/)。

更具体地说:

  1. 创建 <select>具有两个或更多选项的元素。
  2. 通过以编程方式设置 selectedIndex = -1 来清除它或删除 "selected"来自所有 <option> 的属性元素。
  3. 点击选择元素并选择第 0 个选项。所选索引不会更改。
  4. 点击选择元素并选择另一个选项,然后再次点击它并选择第 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/

相关文章:

HTML5 通知

iphone - 使用 Facebook iOS SDK 检索生日

ios - 内存占用过高 - 如何在 iPad 上处理大图像?

ios - Swift4 tableview 单元格高度不是动态的并且始终是静态的

javascript - 页面重新加载后保留按钮属性

javascript - 使用 Web Workers 进行多核心负载管理怎么样?

html - 创建一个有尖边的 div

javascript - 如何在加载每个图像时删除一个类

javascript - 为什么我不能在此对象文字中创建等于全局函数的方法? (javascript)

javascript - 使用循环删除 JSON 中的重复值