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 nextSibling 与 getNextElement(node) 使用介绍
Oct 13 Javascript
Javascript全局变量var与不var的区别深入解析
Dec 09 Javascript
jQuery学习笔记之jQuery.extend(),jQuery.fn.extend()分析
Jun 09 Javascript
JS实现可缩放、拖动、关闭和最小化的浮动窗口完整实例
Mar 04 Javascript
js实现黑色简易的滑动门网页tab选项卡效果
Aug 31 Javascript
JavaScript对象引用与赋值实例详解
Mar 15 Javascript
基于jQuery Ajax实现下拉框无刷新联动
Dec 06 jQuery
详解一个基于react+webpack的多页面应用配置
Jan 21 Javascript
JavaScript自动生成 年月范围 选择功能完整示例【基于jQuery插件】
Sep 03 jQuery
jQuery实现的移动端图片缩放功能组件示例
May 01 jQuery
js实现简单扫雷
Nov 27 Javascript
浅谈Vue使用Elementui修改默认的最快方法
Dec 05 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
简介WordPress中用于获取首页和站点链接的PHP函数
2015/12/17 PHP
thinkPHP的表达式查询用法详解
2016/09/14 PHP
Laravel框架控制器的middleware中间件用法分析
2019/09/30 PHP
JavaScript 弹出窗体点击按钮返回选择数据的实现
2010/04/01 Javascript
我的javascript 函数链之演变
2011/04/07 Javascript
jQuery 翻牌或百叶窗效果(内容三秒自动切换)
2012/06/14 Javascript
Dom 学习总结以及实例的使用介绍
2013/04/24 Javascript
js判断鼠标同时离开两个div的思路及代码
2013/05/31 Javascript
javascript父、子页面交互技巧总结
2014/08/08 Javascript
基于Arcgis for javascript实现百度地图ABCD marker的效果
2015/09/12 Javascript
canvas 绘制圆形时钟
2017/02/22 Javascript
bootstrap datepicker插件默认英文修改为中文
2017/07/28 Javascript
zTree jQuery 树插件的使用(实例讲解)
2017/09/25 jQuery
vue实现的双向数据绑定操作示例
2018/12/04 Javascript
JS异步执行结果获取的3种解决方式
2019/02/19 Javascript
element-ui上传一张图片后隐藏上传按钮功能
2019/05/22 Javascript
微信小程序如何自定义table组件
2019/06/29 Javascript
vue中配置scss全局变量的步骤
2020/12/28 Vue.js
Selenium执行JavaScript脚本的方法示例
2020/12/31 Javascript
[54:51]Ti4 冒泡赛第二轮LGD vs C9 3
2014/07/14 DOTA
Python 爬虫模拟登陆知乎
2016/09/23 Python
利用Python将时间或时间间隔转为ISO 8601格式方法示例
2017/09/05 Python
python实现XML解析的方法解析
2019/11/16 Python
如何通过python实现全排列
2020/02/11 Python
filter使用python3代码进行迭代元素的实例详解
2020/12/03 Python
瑰珀翠美国官网:Crabtree & Evelyn美国
2016/11/29 全球购物
用C语言实现文件读写操作
2013/10/27 面试题
感情真挚的毕业生求职信
2014/07/19 职场文书
2015年基层党组织公开承诺书
2015/01/21 职场文书
2015年销售内勤工作总结
2015/04/27 职场文书
英文辞职信范文
2015/05/13 职场文书
2015年女职工工作总结
2015/05/15 职场文书
学校证明范文
2015/06/24 职场文书
七年级之家长会发言稿范文
2019/09/04 职场文书
vue使用节流函数的踩坑实例指南
2021/05/20 Vue.js
分析SQL窗口函数之聚合窗口函数
2022/04/21 Oracle