模拟可以输入select标签有关问题 _JavaScript

模拟可以输入select标签问题

HTML code


<div style="width:100px;overflow:hidden;position:relative;background:red;">
<select id="aa" style="width:100px;position:absolute;left:0;top:1px;clip:rect(1px auto auto 81px);" onchange="this.nextSibling.value=this[this.selectedIndex].innerText" >
<option value="aa">aa1</option>
<option value="bb">bb1</option>
<option value="cc">cc1</option>
</select><input name="dd" type="text" id="dd" style="width:100px; " />
</div>

通过以上模拟出可以输入和选择的select标签。
但原来select聚焦以后鼠标中键滑动可以改变选项

文本框覆盖上面，一般只聚焦到文本，如果通过文本框鼠标中键滑动来改变选择项

------解决方案--------------------
一般现成的UI框架是用DIV来模拟的