html select 可输入可编辑

 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>

js实现可输入的下拉框

html select 可输入 可编辑

推荐阅读

html select 可输入可编辑