记录下IE7下的input标签bug

bug描述：

有一个select标签和一个input 标签，当下面的短就五个字变长时，右侧的单选框没动。

 

如下示例:

 

联动: 切换A切换B <script> function actionGo(value) { if(value=="a") { InitDropDown($('bb'),"短就五个字"); } else { InitDropDown($('bb'),"这是有点长，其实也不长"); } } function InitDropDown(dropDown,text) { while(dropDown.length>0) { dropDown.removeChild(dropDown.firstChild); } var optionObj = document.createElement("option"); optionObj.value = ''; optionObj.innerHTML =text; dropDown.appendChild(optionObj); } function $(id){return document.getElementById(id);} </script>

短就五个字请看好变化

 

本示例在IE6，IE8，firefox下正常，IE7下有bug。所以请用IE7浏览看下bug。

通过点击两次单选框，状态可恢复正常。

目前本人的临时解决方案是通过模拟双击单选框，即隐藏再显示“短就五个字”的下拉框。来定位好样式。

 

路过的有没有好的解决方案，欢迎留言！