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的闭包详解
Dec 26 Javascript
javascript跨域原因以及解决方案分享
Apr 08 Javascript
AngularJS中过滤器的使用与自定义实例代码
Sep 17 Javascript
总结几道关于Node.js的面试问题
Jan 11 Javascript
js实现tab选项卡切换功能
Jan 13 Javascript
基于AngularJS的拖拽文件上传的实例代码
Jul 15 Javascript
react build 后打包发布总结
Aug 24 Javascript
Vue中全局变量的定义和使用
Jun 05 Javascript
webpack DllPlugin xxx is not defined解决办法
Dec 13 Javascript
构建一个JavaScript插件系统
Oct 20 Javascript
JavaScript async/await原理及实例解析
Dec 02 Javascript
Vue+element-ui添加自定义右键菜单的方法示例
Dec 08 Vue.js
一些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 删除指定文件夹的实例讲解
2017/07/25 PHP
PHP使用curl_multi实现并发请求的方法示例
2018/04/29 PHP
点图片上一页下一页翻页效果
2008/07/09 Javascript
JavaScript 设计模式 安全沙箱模式
2010/09/24 Javascript
Jquery之Ajax运用 学习运用篇
2011/09/26 Javascript
jquery ajax的success回调函数中实现按钮置灰倒计时
2013/11/19 Javascript
JavaScript中判断变量是数组、函数或是对象类型的方法
2015/02/25 Javascript
nodejs开发微博实例
2015/03/25 NodeJs
JavaScript判断数组是否包含指定元素的方法
2015/07/01 Javascript
jQuery解决input超多的表单提交
2015/08/10 Javascript
Jquery表单验证失败后不提交的解决方法
2016/10/18 Javascript
JavaScript登录验证码的实现
2016/10/27 Javascript
jQuery图片加载显示loading效果
2016/11/04 Javascript
使用node.js中的Buffer类处理二进制数据的方法
2016/11/26 Javascript
JS中正则表达式要注意lastIndex属性
2017/08/08 Javascript
vue实现与安卓、IOS交互的方法
2018/11/02 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
2019/04/29 Javascript
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
2020/05/26 Javascript
[46:27]DOTA2上海特级锦标赛主赛事日 - 1 胜者组第一轮#2LGD VS MVP.Phx第一局
2016/03/02 DOTA
常用python数据类型转换函数总结
2014/03/11 Python
Python 时间操作例子和时间格式化参数小结
2014/04/24 Python
Python 正则表达式入门(初级篇)
2016/12/07 Python
Python入门之三角函数atan2()函数详解
2017/11/08 Python
pytorch进行上采样的种类实例
2020/02/18 Python
解决pyecharts运行后产生的html文件用浏览器打开空白
2020/03/11 Python
Pytorch 中的optimizer使用说明
2021/03/03 Python
浅谈移动端网页图片预加载方案
2018/11/05 HTML / CSS
Manuka Doctor美国官网:麦卢卡蜂蜜和蜂毒护肤
2016/12/25 全球购物
King Apparel官网:英国街头服饰品牌
2019/09/05 全球购物
JDK安装目录下有哪些内容
2014/08/25 面试题
建筑工程专业毕业生自荐信
2013/10/19 职场文书
《莫高窟》教学反思
2014/02/25 职场文书
2014卖家双十一活动策划书
2014/09/29 职场文书
2014年服务员个人工作总结
2014/12/23 职场文书
Python数据分析入门之数据读取与存储
2021/05/13 Python
一篇文章弄懂Python关键字、标识符和变量
2021/07/15 Python