html select 可输入可编辑

最新推荐文章于 2023-02-07 18:29:09 发布

bo o ya ka

最新推荐文章于 2023-02-07 18:29:09 发布

阅读量226

点赞数

原文链接：http://www.cnblogs.com/linvan/p/6420024.html

版权

 1 <HTML>
 2 <HEAD>
 3 <META http-equiv='Content-Type' content='text/html; charset=gb2312'>
 4 <TITLE>js实现可输入的下拉框</TITLE>
 5 </HEAD>
 6 <BODY>
 7 <div style="position:relative;">
 8 <span style="margin-left:100px;width:18px;overflow:hidden;">
 9 <select style="width:118px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value">
10 <option value="德国">德国</option>
11 <option value="挪威">挪威</option>
12 <option value="瑞士"> 瑞士</option>
13 </select></span><input name="box" style="width:100px;position:absolute;left:0px;">
14 </div>
15 </BODY>
16 </HTML>