input+select(multiple) 实现下拉框输入值


Posted in Javascript onMay 21, 2009

于是尝试了用input+select来实现,结果如下:

input+select(multiple) 实现下拉框输入值

 input+select(multiple) 实现下拉框输入值

具体代码及演示地址:www.homdian.com/test.aspx

这种方法其实是在下拉框上压一个文本框,能够实现输入,也能够实现下拉框的选择。但根据输入值用用异步的方式绑定下拉框选项时,

无法展开下拉框,到网上找了段代码:

document.form1.ddlMovName.focus(); 
var WshShell = new ActiveXObject("Wscript.Shell"); 
try{ 
WshShell.SendKeys("%{DOWN}"); 
} 
catch(e){} 
WshShell.Quit;

以上这段可以实现展开下拉框,但是会弹出如下提示(测试环境IE7)

input+select(multiple) 实现下拉框输入值

感觉不友好,所以没有用。于是又尝试用input+select(multiple),效果如下:

input+select(multiple) 实现下拉框输入值

具体代码及演示地址:www.homdian.com/test1.aspx

这种方法已基本满足我的需求,在此贴出,希望大家能够提供更好的方法。谢谢。

Javascript 相关文章推荐
js电信网通双线自动选择技巧
Nov 18 Javascript
jQuery ul标签下拉菜单演示代码
Dec 11 Javascript
关于setInterval、setTimeout在jQuery中的使用注意事项
Sep 28 Javascript
Javascript验证用户输入URL地址是否为空及格式是否正确
Oct 09 Javascript
JS基于面向对象实现的拖拽库实例
Sep 24 Javascript
分享经典的JavaScript开发技巧
Nov 21 Javascript
谈谈我对JavaScript中typeof和instanceof的深入理解
Dec 25 Javascript
基于gulp合并压缩Seajs模块的方式说明
Jun 14 Javascript
BootStrap整体框架之基础布局组件
Dec 15 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
Jan 12 Javascript
微信小程序如何获取用户信息
Jan 26 Javascript
详解关于微信setData回调函数中的坑
Feb 18 Javascript
一些Javascript的IE和Firefox(火狐)兼容性的问题总结及常用例子
May 21 #Javascript
Javascript 兼容firefox的一些问题
May 21 #Javascript
鼠标经过的文本框textbox变色
May 21 #Javascript
jQuery 性能优化指南(3)
May 21 #Javascript
jQuery 性能优化指南(2)
May 21 #Javascript
jQuery 性能优化指南 (1)
May 21 #Javascript
javascript操作cookie_获取与修改代码
May 21 #Javascript
You might like
PHP.MVC的模板标签系统(四)
2006/09/05 PHP
excellent!――ASCII Art(由目标图象生成ascii)
2007/02/20 PHP
理解php Hash函数,增强密码安全
2011/02/25 PHP
分享下PHP register_globals 值为on与off的理解
2013/09/26 PHP
解决ThinkPHP关闭调试模式时报错的问题汇总
2015/04/22 PHP
让mayfish支持mysqli数据库驱动的实现方法
2010/05/22 Javascript
JavaScript开发规范要求(规范化代码)
2010/08/16 Javascript
javascript开发中因空格引发的错误
2010/11/08 Javascript
一个字符串反转函数可实现字符串倒序
2014/09/15 Javascript
javascript中函数作为参数调用的方法
2015/02/09 Javascript
详解JavaScript的Polymer框架中的通知交互
2015/07/29 Javascript
跟我学习javascript的严格模式
2015/11/16 Javascript
jQuery 获取多选框的值及多选框中文的函数
2016/05/16 Javascript
JS中的数组方法笔记整理
2016/07/26 Javascript
利用原生JS自动生成文章标题树的实例
2016/08/22 Javascript
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
2018/10/12 Javascript
vue cli使用融云实现聊天功能的实例代码
2019/04/19 Javascript
Vue项目中ESlint规范示例代码
2019/07/04 Javascript
微信小程序基于高德地图查找位置并显示文字
2019/10/30 Javascript
Vue 打包体积优化方案小结
2020/05/20 Javascript
详解常用查找数据结构及算法(Python实现)
2016/12/09 Python
python 网络编程详解及简单实例
2017/04/25 Python
Python定时器实例代码
2017/11/01 Python
python实现kNN算法
2017/12/20 Python
python执行系统命令后获取返回值的几种方式集合
2018/05/12 Python
Python Matplotlib实现三维数据的散点图绘制
2019/03/19 Python
python 图像处理画一个正弦函数代码实例
2019/09/10 Python
Python MongoDB 插入数据时已存在则不执行,不存在则插入的解决方法
2019/09/24 Python
python开发实例之python使用Websocket库开发简单聊天工具实例详解(python+Websocket+JS)
2020/03/18 Python
让IE下支持Html5的placeholder属性的插件
2014/09/02 HTML / CSS
通信工程毕业生自荐信
2013/11/01 职场文书
房产转让协议书(2014版)
2014/09/30 职场文书
人事任命通知书
2015/04/21 职场文书
2019年第四季度财务部门工作计划
2019/11/02 职场文书
MySQL数据库查询进阶之多表查询详解
2022/04/08 MySQL
Python可视化神器pyecharts绘制水球图
2022/07/07 Python