Jquery 无法在mobile Safari（iPhone和iPad）上突出显示/选择选择选项，但在桌面上可以正常工作

在iPhone和iPad上的mobile Safari和Chrome上，动态选择“选择”菜单选项失败，尽管它在桌面Chrome上也能工作

复制：

1在您的移动设备上访问。在桌面浏览器上，选择“显示HN”选项的最后7天。在移动设备上，未正确选择“显示HN”选项的最后24小时

代码：

---

我在使用下拉列表时也遇到了类似的问题。我没有任何iOS设备可供测试，但我的解决方案可能适合您。最初，我尝试通过向HTML中添加selected属性来设置所选的选项，就像您正在做的那样，但它不会接受。最后，我不得不更改通过DOM属性选择的选项。使用selectedIndex

比如说

var time_menu = document.querySelector('.time_menu'),
time = get_parameter('time'),
index = 0;

if(time == '7-days'){
    index = 1;
}else if(time == '30-days'){
    index = 2;
}

time_menu.selectedIndex = index;

---

我无法在安卓4.4上使用Safari或Chrome复制此功能。抱歉，我应该更明确地说明，此功能仅经过iOS测试。谢谢你检查安卓系统。抱歉，我没有iOS设备。祝你好运，谢谢！顺便说一句，Android上有没有奇怪的格式错误？没有，看起来不错。做得好。

var time_menu = document.querySelector('.time_menu'),
time = get_parameter('time'),
index = 0;

if(time == '7-days'){
    index = 1;
}else if(time == '30-days'){
    index = 2;
}

time_menu.selectedIndex = index;