Html5下拉控件同时支持文本输入和下拉代码
2017-01-06 21:47
316 查看
有时候,下拉框不能满足我们的业务需求,还需要同时支持用户输入内容,默认的select标签是不支持用户输入的,下面我说一下原生的select如何支持用户输入,代码如下:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <div style="position:relative;"> <span style="margin-left:105px;overflow:hidden;"> <select style="width:118px;margin-left:-100px;height:21px;" onchange="this.parentNode.nextSibling.value=this.options[this.selectedIndex].text;"> <option value="-1">请选择...</option> <option value="1">选项一</option> <option value="2">选项二</option> <option value="3">选项三</option> </select> </span> <input type="text" style="width:100px;position:absolute;left:0px;" value="请选择..."> </div> </body> </html>
相关文章推荐
- 类似select下拉选择框同时又支持手动输入的元素 datalist 介绍。
- 分享一个可下拉也可输入的控件(添加截图和示例代码)
- 弹出下拉编辑控件,跟踪输入内容自动过滤查询,过滤条件完全自定义,支持TextBox,支持DataGridView(弹出查询对话框),支持DevExpress 8.2的TextEdit,Gridview
- 输入文本时,在另一个文本框同时写
- 类库-----一些经常用到的对控件的处理1. 获取文本框中输入内容2.清除文本框内容3. 获取下拉列表框中选择内容,类型0为Text值,类型1为Value值4.DropDownList绑定日期
- Control Study -> 主表和子表数据同时在绑定控件显示(示例代码下载)
- Control Study -> 主表和子表数据同时在绑定控件显示(示例代码下载)
- 一个控件几行代码实现换肤(可支持菜单)
- 使用IDropTarget接口同时支持文本和文件拖放
- 搜索框中输入文本自动提示候选项代码(像google那样的)
- ◎Vbs调用MsAgent组件的新代码,可是问题是,为什么双击单击不能同时支持?
- JS实现支持多选的遍历下拉列表代码
- 递归清空窗体上 所有文本框,下拉框中的文本。(修改封装成控件)
- ZedGraph:一个同时支持WinForm和WebForm的开源图表控件(基于LGPL协议,.NET 2.0 C#源代码)
- 不间断滚动代码,可支持N多个同时滚动
- 可输入的Web下拉列表框控件
- Control Study -> 主表和子表数据同时在绑定控件显示(示例代码下载)
- 主表和子表数据同时在绑定控件显示(示例代码下载)
- 让服务器控件的事件同时执行客户端脚本和服务器端代码-转载
- net控件中数据导到Excel的格式 首先,我们了解一下excel从web页面上导出的原理。当我们把这些数据发送到客户端时,我们想让客户端程序(浏览器)以excel的格式读取它,所以把mime类型设为:application/vnd.ms-excel,当excel读取文件时会以每个cell的格式呈现数据,如果cell没有规定的格式,则excel会以默认的格式去呈现该cell的数据。这样就给我们提供了自定义数据格式的空间,当然我们必须使用excel支持的格式。下面就列出常用的一些格式: 1) 文本