select下拉框实现输入功能
来源:互联网 发布:淘宝返红包怎么用 编辑:程序博客网 时间:2024/06/05 20:55
select下拉框一般来说只能进行选择,然而很多应用场景需要支持既能选择也能输入的功能。下边是自己整理的html和js代码片段。
<!--HTML片段--><td><c:forEach items="${qt009List }" var="list"> <select id="WPAYCARDNO" onkeydown="Select.del(this,event)" onkeypress="Select.write(this,event)"><option>${list.c_015 }</option></select></c:forEach></td>//js代码片段<script type="text/javascript"> var Select = { del : function(obj, e) { if ((e.keyCode || e.which || e.charCode) == 8) { var opt = obj.options[0]; opt.text=opt.value=opt.value.substring(0,opt.value.length>0?opt.value.length-1:0); } }, write : function(obj,e) { if ((e.keyCode || e.which || e.charCode) == 8) return; var opt = obj.options[0]; opt.selected = "selected"; opt.text = opt.value += String.fromCharCode(e.charCode|| e.which || e.keyCode); } }</script>
0 0
- select下拉框实现输入功能
- 怎么实现select可以下拉也可以输入的功能
- 如何让Select下拉框具有输入功能
- select下拉框同时具有输入及信息匹配功能
- html中的select下拉框具有输入功能
- html中的select下拉框具有输入功能
- html中的select下拉框具有输入功能
- input覆盖select实现可输入下拉框
- select下拉框实现自动匹配的功能
- 可输入下拉菜单实现select
- Select实现可编辑和下拉功能
- 自定义控件 实现文本框输入模仿下拉框选择功能
- jquery实现下拉框可自定义输入文本的功能
- 下拉框具有输入功能
- 下拉框具有输入功能
- 实现下拉文本框的输入提示功能
- 支持输入的Select下拉框
- select下拉框可输入值
- linux导出mysql 某表语句数据
- 由两个栈实现一个队列
- 简单Spark作业编写与提交执行
- js判断图片加载完毕
- mosquitto服务器搭建 ---我的笔记(3)
- select下拉框实现输入功能
- Matlab中导入文件的命令大全一
- 使用percona-xtrabackup实现对线上zabbix监控系统数据库mariadb5.5.47的主从同步
- Ajax跨域问题在SpringMVC中的解决方案总结
- 使用IDEA开发spark程序
- 微信小程序--获取城市信息
- 17.1.2 Replication Formats
- webservice用soapUI测试日期格式输入
- 创建并排的框