最近在做项目的过程中,遇到一个需要动态设置select选中的需求。当然,用zepto实现起来还是很方便的:
$('select').find('option[value="'+key+'"]').attr('selected', true);
在安卓所有浏览器跑了一把,都没啥问题,IOS上也测试了一把。就在我以为可以收工的时候,出现了一个比较奇葩的问题:Safari浏览器中,select设置选中没有生效。这特么就很尴尬了。
后来多方尝试,发现了问题所在,需要换个写法:
$('select').find('option[value="'+key+'"]').attr('selected', 'selected');
这样就ok了~
PS: 可能有些童鞋像我一样,在开发过程中喜欢用console打印出结果来验证自己的代码是否正确,请记住,在开发结束后,上线之前,一定要把console删除或注释!!!!因为并不是所有浏览器都支持console方法,如果不这么做,可能会阻塞下面的代码,导致功能无法实现,切记,切记~(我可是踩着坑过来的T_T)……..