html select 可输入可编辑

<HTML>
<HEAD>
<META http-equiv='Content-Type' content='text/html; charset=gb2312'>
<TITLE>js实现可输入的下拉框</TITLE>
</HEAD>
<BODY>
<div style="position:relative;">
<span style="margin-left:100px;18px;overflow:hidden;">
<select style="118px;margin-left:-100px" onchange="this.parentNode.nextSibling.value=this.value">
<option value="德国">德国</option>
<option value="挪威">挪威</option>
<option value="瑞士"> 瑞士</option>
</select></span><input name="box" style="100px;position:absolute;left:0px;">
</div>
</BODY>
</HTML>

js实现可输入的下拉框

这样效果更好些：

<select style=" 118px; margin-left: -100px;" onfocus="onchange();" onchange="this.parentNode.nextSibling.value=this.value">

相关阅读:
Oracle条件分支查询
Oracle分组函数实例
使用JDK合成照片
Oracle存储过程记录异常日志
Emmet Cheat Sheet（Sublime编辑）
JS中级
JS中级
架构师必须知道的架构设计原则
JS中级
JS中级

原文地址：https://www.cnblogs.com/shuilangyizu/p/11558584.html

html select 可输入 可编辑

html select 可输入可编辑