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,超强推荐base.js
Dec 23 Javascript
javascript 事件绑定问题
Jan 01 Javascript
各情景下元素宽高的获取实现代码
Sep 13 Javascript
Jquery的hide及toggle方法让超链接慢慢消失
Sep 06 Javascript
浅谈javascript中字符串String与数组Array
Dec 31 Javascript
JS+CSS实现仿msn风格选项卡效果代码
Oct 22 Javascript
JS不用正则验证输入的字符串是否为空(包含空格)的实现代码
Jun 14 Javascript
详解angularJS自定义指令间的相互交互
Jul 05 Javascript
浅谈vue.js中v-for循环渲染
Jul 26 Javascript
Node.js进阶之核心模块https入门
May 23 Javascript
js实现移动端tab切换时下划线滑动效果
Sep 08 Javascript
解决layer.open弹出框不能获取input框的值为空的问题
Sep 10 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中调用其他系统http接口的方法说明
2014/02/28 PHP
一个php生成16位随机数的代码(两种方法)
2014/09/16 PHP
关于php微信订阅号开发之token验证后自动发送消息给订阅号但是没有消息返回的问题
2015/12/21 PHP
通过源码解析Laravel的依赖注入
2018/01/22 PHP
php+redis实现消息队列功能示例
2019/09/19 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
Thinkphp 框架扩展之数据库驱动常用方法小结
2020/04/23 PHP
获取页面高度,窗口高度,滚动条高度等参数值getPageSize,getPageScroll
2006/09/22 Javascript
电子商务网站上的常用的js放大镜效果
2011/12/08 Javascript
ListBox实现上移,下移,左移,右移的简单实例
2014/02/13 Javascript
javascript圆盘抽奖程序实现原理和完整代码例子
2014/06/03 Javascript
document.forms用法示例介绍
2014/06/26 Javascript
鼠标悬浮显示二级菜单效果的jquery实现
2014/10/29 Javascript
分享两款带遮罩的jQuery弹出框
2015/12/30 Javascript
JS给Array添加是否包含字符串的简单方法
2016/10/29 Javascript
使用 Javascript 实现浏览器推送提醒功能的示例
2017/11/03 Javascript
jQuery实现表单动态加减、ajax表单提交功能
2018/06/08 jQuery
vue+axios+promise实际开发用法详解
2018/10/15 Javascript
小程序实现选择题选择效果
2018/11/04 Javascript
Vue props中Object和Array设置默认值操作
2020/07/30 Javascript
NodeJS和浏览器中this关键字的不同之处
2021/03/03 NodeJs
详解使用pymysql在python中对mysql的增删改查操作(综合)
2017/01/18 Python
python 平衡二叉树实现代码示例
2018/07/07 Python
Python3之手动创建迭代器的实例代码
2019/05/22 Python
python集合的创建、添加及删除操作示例
2019/10/08 Python
Python3 xml.etree.ElementTree支持的XPath语法详解
2020/03/06 Python
matplotlib部件之套索Lasso的使用
2021/02/24 Python
CSS3实现渐变背景兼容问题
2020/05/06 HTML / CSS
KIKO美国官网:意大利的平价彩妆品牌
2017/05/16 全球购物
Does C# support multiple inheritance? (C#支持多重继承吗)
2012/01/04 面试题
如何将无状态会话Bean发布为WEB服务,只有无状态会话Bean可以发布为WEB服务?
2015/12/03 面试题
Servlet的实例是在生命周期什么时候创建的?配置servlet最重要的是什么?
2012/05/30 面试题
运动会广播稿500字
2014/01/28 职场文书
爱心捐款感谢信
2015/01/20 职场文书
2016暑期师德培训心得体会
2016/01/09 职场文书
《玩出了名堂》教学反思
2016/02/17 职场文书