<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;width:18px;overflow:hidden;"> <select style="width: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="width:100px;position:absolute;left:0px;"> </div> </BODY> </HTML>
js實現可輸入的下拉框
這樣效果更好些：
<select style="width: 118px; margin-left: -100px;" onfocus="onchange();" onchange="this.parentNode.nextSibling.value=this.value">