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判断字符长度及中英文数字等
Mar 19 Javascript
JavaScript控制各种浏览器全屏模式的方法、属性和事件介绍
Apr 03 Javascript
jquery实现全选和全不选功能效果的实现代码【推荐】
May 05 Javascript
基于JS如何实现类似QQ好友头像hover时显示资料卡的效果(推荐)
Jun 09 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
Oct 27 Javascript
AngularJS自定义控件实例详解
Dec 13 Javascript
基于jquery二维码生成插件qrcode
Jan 07 Javascript
jQuery Jsonp跨域模拟搜索引擎
Jun 17 jQuery
Vue实现PopupWindow组件详解
Apr 28 Javascript
vue中使用vue-print.js实现多页打印
Mar 05 Javascript
JS实现滑动拼图验证功能完整示例
Mar 29 Javascript
JS中forEach()、map()、every()、some()和filter()的用法
May 11 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 网上商城促销设计实例代码
2012/02/17 PHP
php根据用户语言跳转相应网页
2015/11/04 PHP
Laravel6.2中用于用户登录的新密码确认流程详解
2019/10/16 PHP
JQUERY获取form表单值的代码
2010/07/17 Javascript
Node.js安装教程和NPM包管理器使用详解
2014/08/16 Javascript
微信小程序 选择器(时间,日期,地区)实例详解
2016/11/16 Javascript
jQuery 获取select选中值及清除选中状态
2016/12/13 Javascript
ReactNative实现Toast的示例
2017/12/31 Javascript
nodejs中密码加密处理操作详解
2018/03/20 NodeJs
javascript实现图片轮播代码
2019/07/09 Javascript
Element Steps步骤条的使用方法
2020/07/26 Javascript
封装Vue Element的table表格组件的示例详解
2020/08/19 Javascript
express异步函数异常捕获示例详解
2020/11/30 Javascript
vue实现验证用户名是否可用
2021/01/20 Vue.js
[01:12]快闪回顾DOTA2亚洲邀请赛(DAC) 静候2018新征程开启
2018/03/11 DOTA
Python程序员开发中常犯的10个错误
2014/07/07 Python
python中执行shell命令的几个方法小结
2014/09/18 Python
Python Tkinter GUI编程入门介绍
2015/03/10 Python
python导出hive数据表的schema实例代码
2018/01/22 Python
解决Python pandas df 写入excel 出现的问题
2018/07/04 Python
python生成n个元素的全组合方法
2018/11/13 Python
pygame游戏之旅 如何制作游戏障碍
2018/11/20 Python
Python生成rsa密钥对操作示例
2019/04/26 Python
使用PyInstaller将Pygame库编写的小游戏程序打包为exe文件及出现问题解决方法
2019/09/06 Python
python实现的config文件读写功能示例
2019/09/24 Python
Python私有属性私有方法应用实例解析
2020/09/15 Python
AmazeUI 手机版页面的顶部导航条Header与侧边导航栏offCanvas的示例代码
2020/08/19 HTML / CSS
生物化学研究助理员求职信
2013/10/09 职场文书
科级干部考察材料
2014/02/15 职场文书
表决心的诗句大全
2014/03/11 职场文书
法人授权委托书格式
2014/04/08 职场文书
学雷锋宣传标语
2014/06/25 职场文书
校园元旦活动总结
2014/07/09 职场文书
2014年小学语文工作总结
2014/12/20 职场文书
检讨书模板大全
2015/05/07 职场文书
PyTorch中permute的使用方法
2022/04/26 Python