如果做可以输入的下拉列表框?

我想用一个文本框盖住下拉框,但是用div却不能实现,下拉框总是在前面.

1<div id="Layer1" style="position:absolute; width:157px; height:40px; z-index:0; left: 120px; top: 70px">
2<select name="select">
3<option< option="">
4</option<></select>
5</div>
1<div id="Layer2" style="position:absolute; width:157px; height:40px; z-index:2; left: 120px; top: 70px">
2<input name="txtID" size="18" type="text" value=""/>
3</div>

---------------------------------------------------------------

转:下拉菜单并输入值
http://webfx.eae.net/dhtml/combobox/combo_demo.htm
---------------------------------------------------------------

在html中无法实现的,但有个折中的办法,放一个下拉列表框,再放一个文本框,在下拉列表框上做一个onchange事件到文本框,这样在下拉列表框中选择了后,就可以反应到文本框中了。
---------------------------------------------------------------

1<div id="Layer1" style="position:absolute; width:157px; height:40px; z-index:0; left: 120px; top: 70px;clip:rect(0,100,20,65)">
2<select name="select" onchange="txtID.value=this[selectedIndex].text">
3<option>111111</option>
4<option>22222222</option>
5<option>3333333</option>
6<option>4444</option>
7</select>
8</div>
1<div id="Layer2" style="position:absolute; width:157px; height:40px; z-index:2; left: 120px; top: 70px">
2<input maxlength="8" name="txtID" size="8" type="text" value=""/>
3</div>

---------------------------------------------------------------

还有一个方法就是加按钮来转换,例在文本框下加两个按钮,“输入”,“选择”,来切换

Published At
Categories with Web编程
Tagged with
comments powered by Disqus