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 相关文章推荐
一些常用的JS功能函数代码
Jun 23 Javascript
用jQuery实现的智能隐藏、滑动效果的返回顶部代码
Mar 18 Javascript
jquery实现鼠标滑过显示提示框的方法
Feb 05 Javascript
javascript异步编程代码书写规范Promise学习笔记
Feb 11 Javascript
利用js实现禁止复制文本信息
Jun 03 Javascript
使用 JavaScript 进行函数式编程 (一) 翻译
Oct 02 Javascript
使用jQuery+EasyUI实现CheckBoxTree的级联选中特效
Dec 06 Javascript
weUI应用之JS常用信息提示弹层的封装
Nov 21 Javascript
ES6数组的扩展详解
Apr 25 Javascript
详解VueRouter进阶之导航钩子和路由元信息
Sep 13 Javascript
判断js数据类型的函数实例详解
May 23 Javascript
vue实现select下拉显示隐藏功能
Sep 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
自己做矿石收音机
2021/03/02 无线电
dedecms系统的广告设置代码 基础版本
2010/04/09 PHP
php通过COM类调用组件的实现代码
2012/01/11 PHP
提升PHP性能的21种方法介绍
2013/06/25 PHP
Using the TextRange Object
2006/10/14 Javascript
使用jQuery管理选择结果
2015/01/20 Javascript
jquery $(document).ready()和window.onload的区别浅析
2015/02/04 Javascript
JS+CSS实现实用的单击输入框弹出选择框的方法
2015/02/28 Javascript
jQuery实现简单的日期输入格式化控件
2015/03/12 Javascript
js动态生成Html元素实现Post操作(createElement)
2015/09/14 Javascript
跟我学习javascript的严格模式
2015/11/16 Javascript
Javascript实现通过选择周数显示开始日和结束日的实现代码
2016/05/30 Javascript
jQuery实现微信长按识别二维码功能
2016/08/26 Javascript
JavaScript实现按键精灵的原理分析
2017/02/21 Javascript
微信小程序开发之IOS和Android兼容的问题
2017/09/26 Javascript
基于 D3.js 绘制动态进度条的实例详解
2018/02/26 Javascript
使用Vue组件实现一个简单弹窗效果
2018/04/23 Javascript
webpack3里使用uglifyjs压缩js时打包报错的解决
2018/12/13 Javascript
详解Vue中CSS样式穿透问题
2019/09/12 Javascript
JS实现水平移动与垂直移动动画
2019/12/19 Javascript
[03:24]CDEC.Y赛前采访 努力备战2016国际邀请赛中国区预选赛
2016/06/25 DOTA
[02:12]打造更好的电竞完美世界:完美盛典回顾篇
2018/12/19 DOTA
python 叠加等边三角形的绘制的实现
2019/08/14 Python
Python SQLAlchemy入门教程(基本用法)
2019/11/11 Python
Ubuntu16安装Python3.9的实现步骤
2020/12/15 Python
HTML5 File API改善网页上传功能
2009/08/19 HTML / CSS
HTML5 Canvas+JS控制电脑或手机上的摄像头实例
2014/05/03 HTML / CSS
伦敦一卡通:The London Pass
2018/11/30 全球购物
法学毕业生自我鉴定
2013/11/08 职场文书
护理专业学生的求职信范文
2013/12/11 职场文书
大班亲子运动会方案
2014/06/10 职场文书
2014年党员学习“三严三实”思想汇报
2014/09/15 职场文书
党风廉政建设调研报告
2015/01/01 职场文书
毕业设计致谢词
2015/05/14 职场文书
火烧圆明园的观后感
2015/06/03 职场文书
vue实现拖拽交换位置
2022/04/07 Vue.js