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 相关文章推荐
给页面渲染时间加速 干掉Dom Level 0 Event
Dec 19 Javascript
js实现鼠标移到链接文字弹出一个提示层的方法
May 11 Javascript
详解maxlength属性在textarea里奇怪的表现
Dec 27 Javascript
js实现PC端和移动端刮卡效果
Mar 27 Javascript
微信小程序中的swiper组件详解
Apr 14 Javascript
vue2.0 与 bootstrap datetimepicker的结合使用实例
May 22 Javascript
vue+node+webpack环境搭建教程
Nov 05 Javascript
JS实现左边列表移到到右边列表功能
Mar 28 Javascript
详解关于Vue2.0路由开启keep-alive时需要注意的地方
Sep 18 Javascript
angularjs使用div模拟textarea文本框的方法
Oct 02 Javascript
基于vue-cli搭建多模块且各模块独立打包的项目
Jun 12 Javascript
JavaScript实现简单的音乐播放器
Aug 14 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中根据变量的类型 选择echo或dump
2012/07/05 PHP
PHP变量的定义、可变变量、变量引用、销毁方法
2013/12/20 PHP
测试php连接mysql是否成功的代码分享
2014/01/24 PHP
php使用正则表达式进行字符串搜索的方法
2015/03/23 PHP
Yii2.0表关联查询实例分析
2016/07/18 PHP
php获取访问者浏览页面的浏览器类型
2017/01/23 PHP
PHP连接MYSQL数据库的3种常用方法
2017/02/27 PHP
PHP chr()函数讲解
2019/02/11 PHP
yii框架结合charjs统计上一年与当前年数据的方法示例
2020/04/04 PHP
JAVASCRIPT 对象的创建与使用
2021/03/09 Javascript
javascript 类定义的4种方法
2009/09/12 Javascript
表单验证的完整应用案例探讨
2013/03/29 Javascript
JavaScript入门基础
2015/08/12 Javascript
javascript模拟C#格式化字符串
2015/08/26 Javascript
微信小程序 登录实例详解
2017/01/16 Javascript
AngularJs每天学习之总体介绍
2017/08/07 Javascript
vue.js异步上传文件前后端实现代码
2017/08/22 Javascript
详解iframe跨域的几种常用方法(小结)
2019/04/29 Javascript
ajax跨域访问遇到的问题及解决方案
2019/05/23 Javascript
[49:56]VG vs Optic 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
[47:08]OG vs INfamous 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python中AND、OR的一个使用小技巧
2015/02/18 Python
python正则表达式面试题解答
2020/04/28 Python
python使用jieba实现中文分词去停用词方法示例
2018/03/11 Python
Python wxpython模块响应鼠标拖动事件操作示例
2018/08/23 Python
pycharm在调试python时执行其他语句的方法
2018/11/29 Python
pycharm 批量修改变量名称的方法
2019/08/01 Python
船餐厅和泰晤士河餐饮游轮:Bateaux London
2018/03/19 全球购物
波兰补充商店:Muscle Power
2018/10/29 全球购物
Under Armour安德玛德国官网:美国高端运动科技品牌
2019/03/09 全球购物
物流管理专业应届生求职信
2013/11/21 职场文书
干部作风整顿自我剖析材料和整改措施
2014/09/18 职场文书
2015年党员个人剖析材料
2014/12/18 职场文书
因身体原因离职的辞职信范文
2015/05/12 职场文书
解决Navicat for MySQL 连接 MySQL 报2005错误的问题
2021/05/29 MySQL
MySQL8.0无法启动3534的解决方法
2021/06/03 MySQL