在网页中下拉框select是不可输入的,借助js脚本实现一个可输入内容的下拉框效果,使下拉框不仅可以选择,也可以输入内容,javascript可输入下拉框效果的例子。
html页面中默认的下拉框只有选择功能,这里用js实现下拉框也可以输入内容。
如图:
代码:
复制代码 代码示例:
<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>