关于select下拉框在ios中不能动态修改默认值

xiaoxiao2021-02-28  42

关于select中的下拉框动态修改默认值,也就是在select标签中里面的众多<option>标签中,给你所需要的选择附加一个默认选中的属性;如果是静态的修改直接在<option selected="selected">添加属性就可以实现。

<select class="choose"> <option>Volvo</option> <option selected="selected">Saab</option> <option>Mercedes</option> <option>Audi</option> </select>

如果是想要动态修改默认选中的话,先选中指定select标签;

$(".choose")$(select[i]).find('option').next('option').attr("selected","selected");//这样就选中了第二个标签l                                                                                                                                                                                                            

这样就动态修改成功了,在pc端使用和安卓手机使用的时候会正常显示,但是在ios中selected的属性没有添加进去;

经过这个坑我认真的查了资料 发现ios(也就是在Safari浏览器)中设置时候不能使用这种方法,具体原因如果获取select,

然后调用find方法,就不能用了

解决办法

通过prop属性而不是attr设置选中项即可

$(".choose")$(select[i]).find('option').next('option').prop("selected","selected");//这样就选中了第二个标签l 

转载请注明原文地址: https://www.6miu.com/read-2150118.html

最新回复(0)