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 相关文章推荐
jQuery获取选中内容及设置元素属性的方法
Jul 09 Javascript
jQuery根据ID获取input、checkbox、radio、select的示例
Aug 11 Javascript
基于jQuery实现的扇形定时器附源码下载
Oct 20 Javascript
jQuery基于扩展简单实现倒计时功能的方法
May 14 Javascript
js不间断滚动的简单实现
Jun 03 Javascript
微信小程序  自定义创建详细介绍
Oct 27 Javascript
基于node.js依赖express解析post请求四种数据格式
Feb 13 Javascript
angular实现spa单页面应用实例
Jul 10 Javascript
jqueryUI tab标签页代码分享
Oct 09 jQuery
关于react中组件通信的几种方式详解
Dec 10 Javascript
vue实现网络图片瀑布流 + 下拉刷新 + 上拉加载更多(步骤详解)
Jan 14 Javascript
解决Vue-cli无法编译es6的问题
Oct 30 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
基于OpenCV的PHP图像人脸识别技术
2009/10/11 PHP
php access 数据连接与读取保存编辑数据的实现代码
2010/05/12 PHP
PHP使用递归算法无限遍历数组示例
2017/01/13 PHP
表单提交时自动复制内容到剪贴板的js代码
2007/03/16 Javascript
function foo的原型与prototype属性解惑
2010/11/19 Javascript
深入理解JavaScript系列(14) 作用域链介绍(Scope Chain)
2012/04/12 Javascript
javascript学习笔记(十五) js间歇调用和超时调用
2012/06/20 Javascript
使用jQuery清空file文件域的解决方案
2013/04/12 Javascript
JS判断浏览器是否支持某一个CSS3属性的方法
2014/10/17 Javascript
JavaScript中Textarea滚动条不能拖动的解决方法
2015/12/15 Javascript
Jquery uploadify上传插件使用详解
2016/01/13 Javascript
JS判断字符串变量是否含有某个字串的实现方法
2016/06/03 Javascript
jQuery插件dataTables添加序号列的方法
2016/07/06 Javascript
最全正则表达式总结:验证QQ号、手机号、Email、中文、邮编、身份证、IP地址等
2017/08/16 Javascript
JavaScript遍历DOM元素的常见方式示例
2019/02/16 Javascript
js字符串类型String常用操作实例总结
2019/07/05 Javascript
JS实现提示效果弹出及延迟隐藏的功能
2019/08/26 Javascript
JS实现iframe中子父页面跨域通讯的方法分析
2020/03/10 Javascript
javascript前端和后台进行数据交互方法示例
2020/08/07 Javascript
[55:44]OG vs NAVI 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
python中循环语句while用法实例
2015/05/16 Python
浅谈Django自定义模板标签template_tags的用处
2017/12/20 Python
pycharm下查看python的变量类型和变量内容的方法
2018/06/26 Python
python使用response.read()接收json数据的实例
2018/12/19 Python
python编写猜数字小游戏
2019/10/06 Python
Python 用三行代码提取PDF表格数据
2019/10/13 Python
基于python操作ES实例详解
2019/11/16 Python
Python 面向对象部分知识点小结
2020/03/09 Python
python利用线程实现多任务
2020/09/18 Python
AmazeUI 缩略图的实现示例
2020/08/18 HTML / CSS
Currentbody美国/加拿大:美容仪专家
2020/03/09 全球购物
优秀家长自荐材料
2014/08/26 职场文书
2015年度班主任自我评价
2015/03/11 职场文书
2015年加油站站长工作总结
2015/05/27 职场文书
python tqdm用法及实例详解
2021/06/16 Python
mysql 排序失效
2022/05/20 MySQL