您的位置:首页 > 其它

select 选择框可以下拉选择或者自行输入

2013-05-10 22:46 309 查看
实质上是用CSS将一个input标签和一个select标签重合做出来的效果,select发生onchange时间时,将对应的value写到input标签中,还是蛮巧妙的。
<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="corange.cn">corange.cn</option>
<option value="www.corange.cn">www.corange.cn </option>
<option value="corange"> corange </option>
</select></span><input name="box" style="width:100px;position:absolute;left:0px;">
</div>


原文地址:http://www.corange.cn/archives/2009/09/3440.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: