前久在做一个可输入值的下拉列表框,可找了很多都不是很满意,因为大部分都是取绝对值来进行布局,而且有多个相同名称的下拉列表框时就会出错,这使得我头疼了一阵子,后来一天,在网上找到了一个,布局可以控制和文本一样固定位置,而且使用多少时也不会出错,真是喜极望外,感谢互联网,也感谢作者。好东西不能独享,发给圈内兄弟,希望能给你带来帮助!
具体代码如下,改一下input的name就可以使用了。
<div style="position:relative;">
<span style="margin-left:100px;width:18px;overflow:hidden;">
<select style="width:118px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value">
<option value=''></option>
<option value='测试'>测试'</option>
</select>
</span>
<input name="box" style="width:100px;position:absolute;left:0px;">
</div>