写道
主要是在原select上覆盖div，当选择数据的时候，把div中的input赋值
<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<title>可输入的下拉框</title>
</head>
<body>
<form action="" name="myform">
<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">
<!--此处为学习积累，在注释中，没有实际作用
this: <select>
this.parentNode: <select> 的父节点即 <span>
this.parentNode.nextSibling: <select> 的父节点即 <span> 的兄弟节点 <INPUT>
alert(this.parentNode.tagName)
alert(this.parentNode.nextSibling.tagName)
-->
<option value="option1">option1 </option>
<option value="option2">option2 </option>
<option value="option3">option3 </option>
</select>
</span>
<input name="box" style="width: 100px; position: absolute; left: 0px;">
</div>
</br>
<input type="button" name="submit" value="OK" onclick="alert(myform.box.value)" style="width: 100px;">
</form>
</body>
</html>
相关推荐
C# winform datagridview 里的下拉框中 既可以从下拉框里选择数据，也可以让客户自己手动往里输入数据，
下拉框选择已有固定value，也可以选择后进行编辑，也可以直接输入数值。
可编辑的下拉框 既可以编辑，又可以下拉选择 很不错的
目前客户对于下拉框要求越来越高，希望即可以像文本框一样输入，又能够有固定的选项来选择，经过查找一些资料，然后由于项目需要，自己做了这样的用户控件，希望对广大开发者有点借鉴之用。
将CheckBox Text两个空间结合，简易的制作可输入下拉框
自动匹配，可输入可选择的下拉框 可手写，可选择 方便实用。
该下拉框 可输入文字、可下拉选择选项、外观与下拉框一致
网页中的下拉框可以输入选择
类似百度搜索框，可以输入的下拉框，输入信息后能自动匹配数据库里的数据，如果数据库里有马上都能显示出啦，用下拉选择马上可以选择。带数据库功能。本代码通过网友的代码改编整合。
可输入的下拉框 可以用来做模糊查询 可输入的下拉框 可以用来做模糊查询
用自定义控件代替Labview自带的表格控件。可以自由指定单个或整行变换背景颜色和控件类型。（可以设成文本框，_下拉框_选择框）
本文实例为大家分享了可输入可选择的select下拉框，供大家参考，具体内容如下 1、原理： 1.1将input输入框和select框合并在一起，但是显示出向下点击的按钮: 这种比较容易做到 1.2出现输入值能够自动匹配的功能 ...
下拉框模糊查询； 可以输入可以直接选择，自动匹配； 非常简单，快捷
一个很简单的可手写输入的下拉框，可以选择和手写输入。
此程序是c# winform 开发的下拉框选择功能，可以通过输入各选项汉字的首字母快速检索所需项，当然，里面其中最大的功能是汉字转拼音功能（汉字全拼/汉字首字母等功能）。由于刚好一个老系统在用vs2003，所以，索性就...
既可以输入，又可以下拉的输入框，类似GoogleSuggest功能
这是一个自定义的可编辑下拉框 可输入可选择 内附使用文档 非常的简单 代码也是反复测试过的
Autocomplete输入自动查找功能 结果列表分页展示 允许使用静态json数据源或ajax动态请求的数据源 使用键盘快速操作基本功能及分页功能 多项选择以标签（Tag）形式展现 结果列表自动判断屏幕边缘，避免内容超出可视...