通過(guò)JS代碼，實(shí)現一個(gè)可以手動(dòng)輸入也可以下拉選擇的select下拉框。JS代碼很簡(jiǎn)單，只是簡(jiǎn)單單單的一句代碼，另外配以精簡(jiǎn)的CSS樣式代碼，實(shí)現特效效果。

演示代碼如下：

<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">雙線(xiàn)主機</option> 
<option value="mx">多線(xiàn)主機</option> 
</select> 

以上代碼，只需新建一個(gè)HTML文件，然后把代碼復制粘貼在新建的文件內保存即可，通過(guò)雙擊，選擇IE或者其他瀏覽器打開(kāi)，就可以看到實(shí)際的效果。

代碼由qvdv.net收集整理，提供給做網(wǎng)站的朋友們參考使用。