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元素属性的访问
Nov 05 Javascript
Prototype源码浅析 String部分(四)之补充
Jan 16 Javascript
jQuery AJAX实现调用页面后台方法和web服务定义的方法分享
Mar 01 Javascript
js购物车实现思路及代码(个人感觉不错)
Dec 23 Javascript
浅析jQuery(function(){})与(function(){})(jQuery)之间的区别
Jan 09 Javascript
jquery实现漂亮的二级下拉菜单代码
Aug 26 Javascript
vue实现简单实时汇率计算功能
Jan 15 Javascript
jQuery仿IOS弹出框插件
Feb 18 Javascript
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
Aug 01 jQuery
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
May 17 Javascript
使用 UniApp 实现小程序的微信登录功能
Jun 09 Javascript
js 实现验证码输入框示例详解
Sep 23 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文件怎么打开 如何执行php文件
2011/12/21 PHP
基于php权限分配的实现代码
2013/04/28 PHP
可以用来调试JavaScript错误的解决方案
2010/08/07 Javascript
Javascript中valueOf与toString区别浅析
2013/03/19 Javascript
javascript 中that的含义示例介绍
2014/05/14 Javascript
jquery移动节点实例
2015/01/14 Javascript
JS实现至少包含字母、大小写数字、字符的密码等级的两种方法
2015/02/03 Javascript
JS简单限制textarea内输入字符数量的方法
2015/10/14 Javascript
AngularJS中处理多个promise的方式
2016/02/02 Javascript
Javascript 字符串模板的简单实现
2016/02/13 Javascript
基于Vue如何封装分页组件
2016/12/16 Javascript
详解angularJs中自定义directive的数据交互
2017/01/13 Javascript
浅谈angularjs依赖服务注入写法的注意点
2017/04/24 Javascript
jQuery获取所有父级元素及同级元素及子元素的方法(推荐)
2018/01/21 jQuery
微信小程序实现留言板功能
2018/11/02 Javascript
JavaScript 面向对象基础简单示例
2019/10/02 Javascript
基于原生js实现九宫格算法代码实例
2020/07/03 Javascript
[00:47]TI7不朽珍藏III——沙王不朽展示
2017/07/15 DOTA
[02:00]最后,我终于出了辉耀
2018/03/27 DOTA
Python实现批量转换文件编码的方法
2015/07/28 Python
在cmd中运行.py文件: python的操作步骤
2018/05/12 Python
python 实现分页显示从es中获取的数据方法
2018/12/26 Python
解决pyqt5中QToolButton无法使用的问题
2019/06/21 Python
Python 获取windows桌面路径的5种方法小结
2019/07/15 Python
python web框架Flask实现图形验证码及验证码的动态刷新实例
2019/10/14 Python
python socket 聊天室实例代码详解
2019/11/14 Python
pyinstaller打包成无控制台程序时运行出错(与popen冲突的解决方法)
2020/04/15 Python
Hoover胡佛官网:美国吸尘器和洗地机品牌
2019/01/09 全球购物
自荐书4要点
2014/01/25 职场文书
奥巴马的演讲稿
2014/05/15 职场文书
考试作弊检讨书
2014/10/21 职场文书
工会积极分子个人总结
2015/03/03 职场文书
第一书记观后感
2015/06/08 职场文书
话题作文之学会尊重
2019/12/16 职场文书
Nginx 502 Bad Gateway错误原因及解决方案
2021/03/31 Servers
python实现学员管理系统(面向对象版)
2022/06/05 Python