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 相关文章推荐
javascript Base类 包含基本的方法
Jul 22 Javascript
JavaScript 对象成员的可见性说明
Oct 16 Javascript
js注意img图片的onerror事件的分析
Jan 01 Javascript
Jquery创建层显示标题和内容且随鼠标移动而移动
Jan 26 Javascript
js Calender控件使用详解
Jan 05 Javascript
特殊日期提示功能的实现方法
Jun 16 Javascript
在vue.js中抽出公共代码的方法示例
Jun 08 Javascript
jQuery实现用户信息表格的添加和删除功能
Sep 12 jQuery
移动端效果之Swiper详解
Oct 09 Javascript
JavaScript实现的鼠标跟随特效示例【2则实例】
Dec 22 Javascript
浅谈Vue项目骨架屏注入实践
Aug 05 Javascript
Layui多选只有最后一个值的解决方法
Sep 02 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
层叠菜单的动态生成
2006/10/09 PHP
php 日期和时间的处理-郑阿奇(续)
2011/07/04 PHP
微信access_token的获取开发示例
2015/04/16 PHP
jquery实现心算练习代码
2010/12/06 Javascript
JS读取cookies信息(记录用户名)
2012/01/10 Javascript
javascript图像处理—仿射变换深度理解
2013/01/16 Javascript
AngularJS中的模块详解
2015/01/29 Javascript
JavaScript实现重置表单(reset)的方法
2015/04/02 Javascript
在JavaScript的jQuery库中操作AJAX的方法讲解
2015/08/15 Javascript
JavaScript判断浏览器及其版本信息
2017/01/20 Javascript
在Vue组件化中利用axios处理ajax请求的使用方法
2017/08/25 Javascript
详解nodejs 配置文件处理方案
2019/01/02 NodeJs
node中IO以及定时器优先级详解
2019/05/10 Javascript
JS实现电商商品展示放大镜特效
2020/01/07 Javascript
解决vue 使用setTimeout,离开当前路由setTimeout未销毁的问题
2020/07/21 Javascript
[02:36]DOTA2英雄基础教程 一击致命幻影刺客
2013/12/06 DOTA
Python3使用requests发闪存的方法
2016/05/11 Python
Python利用itchat库向好友或者公众号发消息的实例
2019/02/21 Python
基于Django的乐观锁与悲观锁解决订单并发问题详解
2019/07/31 Python
Python搭建HTTP服务过程图解
2019/12/14 Python
一款纯css3实现的动画加载导航
2014/10/08 HTML / CSS
使用css3 属性如何丰富图片样式(圆角 阴影 渐变)
2012/11/22 HTML / CSS
伊芙丽官方旗舰店:中国淑女一线品牌
2017/12/01 全球购物
法国在线药房:1001Pharmacies
2021/03/07 全球购物
保加利亚服装和鞋类购物网站:Bibloo.bg
2020/11/08 全球购物
师德个人剖析材料
2014/02/02 职场文书
投标担保书范文
2014/04/02 职场文书
标准的毕业生自荐信
2014/04/20 职场文书
期中考试反思800字
2014/05/01 职场文书
应届毕业生自荐书
2014/06/18 职场文书
2014年高校辅导员工作总结
2014/12/09 职场文书
后天观后感
2015/06/08 职场文书
运动会1000米加油稿
2015/07/21 职场文书
全家福照片寄语怎么写?
2019/04/02 职场文书
Python scrapy爬取起点中文网小说榜单
2021/06/13 Python
【海涛教你打dota】体验一超神发条:咱是抢盾专业户
2022/04/01 DOTA