可以编辑、可以选择的select下拉框_网络编程_奇迪科技(深圳)有限公司(www.qvdv.net)

通过JS代码，实现一个可以手动输入也可以下拉选择的select下拉框。JS代码很简单，只是简单单单的一句代码，另外配以精简的CSS样式代码，实现特效效果。

演示代码如下：

<input type="text" name="linetype" value="linetype" />
<b style="position:relative;"> 
<input id="input" name="input" style="position:absolute;width:99px; height:15px; top:1px;left:1px;border:0;"> 
<select style="width:120px; height:25px; line-height:25px;" onchange="document.getElementById('input').value=this.value"> 
<option value="dx">电信主机</option> 
<option value="sx">双线主机</option> 
<option value="mx">多线主机</option> 
</select> 

以上代码，只需新建一个HTML文件，然后把代码复制粘贴在新建的文件内保存即可，通过双击，选择IE或者其他浏览器打开，就可以看到实际的效果。

代码由qvdv.net收集整理，提供给做网站的朋友们参考使用。