android 2.3 webView select控件 无法及时显示optionLabel的BUG

使用 -webkit-appearance 修改select的外形时,在2.3系统中遇到了问题,每次选择option项时会随机出现其值已更新,但标签显示内容不更新的问题,也许是2.3 webview 视图渲染的bug。
解决方法如下:
创建一个span元素,并定义指定样式,将select的样式设置为-webkit-appearance:none;position:absolute;top:0;left:0;z-index:99;color:#FFF;border:none;
此时select已定位在span上方,下面为重点,将select的opacity设置为0(PS:display:none与opacity:0不同,透明度为0的元素占用空间,并元素绑定的事件可执行,也就是说这个元素是存在的,只不过被透明化了,这与display:none不同)。然后在 select 上绑change事件来控制span元素显示的文本

原文地址:https://www.cnblogs.com/jQing/p/2814784.html