日期:2014-05-16  浏览次数:20299 次

模拟可以输入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来模拟的