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 上万关键字瞬间匹配实现代码
Jul 07 Javascript
使用简洁的jQuery方法实现隔行换色功能
Jan 02 Javascript
jQuery中:submit选择器用法实例
Jan 03 Javascript
JS+CSS实现Div弹出窗口同时背景变暗的方法
Mar 04 Javascript
Css3制作变形与动画效果
Jul 24 Javascript
通过设置CSS中的position属性来固定层的位置
Dec 14 Javascript
JS实现左右无缝轮播图代码
May 01 Javascript
Vue中img的src属性绑定与static文件夹实例
May 18 Javascript
vue如何集成raphael.js中国地图的方法示例
Aug 15 Javascript
template.js前端模板引擎使用详解
Oct 10 Javascript
微信小程序控制台提示warning:Now you can provide attr "wx:key" for a "wx:for" to improve performance解决方法
Feb 21 Javascript
layui下拉列表select实现可输入查找的方法
Sep 28 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中通过curl模拟登陆discuz论坛的实现代码
2012/02/16 PHP
一个PHP针对数字的加密解密类
2014/03/20 PHP
PHP中设置一个严格30分钟过期Session面试题的4种答案
2014/07/30 PHP
大家在抢红包,程序员在研究红包算法
2015/08/31 PHP
WordPress中创建用户角色的相关PHP函数使用详解
2015/12/25 PHP
DOM下的节点属性和操作小结
2009/05/14 Javascript
javascrip客户端验证文件大小及文件类型并重置上传
2011/01/12 Javascript
在浏览器中获取当前执行的脚本文件名的代码
2011/07/19 Javascript
jQuery之日期选择器的深入解析
2013/06/19 Javascript
鼠标拖动实现DIV排序示例代码
2013/10/14 Javascript
window.print打印指定div指定网页指定区域的方法
2014/08/04 Javascript
js实现横向百叶窗效果网页切换动画效果的方法
2015/03/02 Javascript
jQuery实现div拖拽效果实例分析
2016/02/20 Javascript
JavaScript中两个字符串的匹配
2016/06/08 Javascript
jQuery+HTML5+CSS3制作支持响应式布局时间轴插件
2016/08/10 Javascript
详解Jquery 遍历数组之$().each方法与$.each()方法介绍
2017/01/09 Javascript
Bootstrap.css与layDate日期选择样式起冲突的解决办法
2017/04/07 Javascript
详解vue-cli 构建Vue项目遇到的坑
2017/08/30 Javascript
javascript按钮禁用和启用的效果实例代码
2017/10/29 Javascript
vue2.0.js的多级联动选择器实现方法
2018/02/09 Javascript
Vue实现6位数密码效果
2018/08/18 Javascript
解决vuejs 使用value in list 循环遍历数组出现警告的问题
2018/09/26 Javascript
小程序日历控件使用方法详解
2018/12/29 Javascript
Vue 中文本内容超出规定行数后展开收起的处理的实现方法
2019/04/28 Javascript
JS查找孩子节点简单示例
2019/07/25 Javascript
vue下拉刷新组件的开发及slot的使用详解
2020/12/23 Vue.js
Django视图之ORM数据库查询操作API的实例
2017/10/27 Python
pytorch使用tensorboardX进行loss可视化实例
2020/02/24 Python
Django搭建项目实战与避坑细节详解
2020/12/06 Python
保安的辞职报告怎么写
2014/01/20 职场文书
食品销售计划书
2014/04/26 职场文书
党建工作汇报材料
2014/12/24 职场文书
教师党员个人总结
2015/02/10 职场文书
普通员工辞职信范文
2015/05/12 职场文书
婚礼领导致辞大全
2015/07/28 职场文书
2019年个人工作总结范文(3篇)
2019/08/27 职场文书