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 相关文章推荐
json-lib出现There is a cycle in the hierarchy解决办法
Feb 24 Javascript
JS/jQuery实现默认显示部分文字点击按钮显示全部内容
May 13 Javascript
javascript中数组的冒泡排序使用示例
Dec 18 Javascript
JS中使用mailto实现将用户在网页中输入的内容传递到本地邮件客户端
Oct 08 Javascript
react.js 翻页插件实例代码
Jan 19 Javascript
jQuery+ajax实现修改密码验证功能实例详解
Jul 06 jQuery
利用JS如何计算字符串所占字节数示例代码
Sep 13 Javascript
JS实现的简单表单验证功能完整实例
Oct 14 Javascript
layui 数据表格+分页+搜索+checkbox+缓存选中项数据的方法
Sep 21 Javascript
javascript实现前端input密码输入强度验证
Jun 24 Javascript
利用Vue的v-for和v-bind实现列表颜色切换
Jul 17 Javascript
Ant design vue中的联动选择取消操作
Oct 31 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
PHP4实际应用经验篇(3)
2006/10/09 PHP
用PHP实现Ftp用户的在线管理的代码
2007/03/06 PHP
PHP的APC模块实现上传进度条
2015/10/27 PHP
PHP安装BCMath扩展的方法
2019/02/13 PHP
设定php简写功能的方法
2019/11/28 PHP
显示、隐藏密码
2006/07/01 Javascript
再次更新!MSClass (Class Of Marquee Scroll通用不间断滚动JS封装类 Ver 1.6)
2007/02/05 Javascript
Javascript实现的鼠标经过时播放声音
2010/05/18 Javascript
MVC Ajax Helper或Jquery异步加载部分视图
2015/11/29 Javascript
Bootstrap框架下下拉框select搜索功能
2020/03/26 Javascript
jQuery模拟实现的select点击选择效果【附demo源码下载】
2016/11/09 Javascript
读Javascript高性能编程重点笔记
2016/12/21 Javascript
浅析Javascript中双等号(==)隐性转换机制
2017/10/27 Javascript
Vue+SpringBoot开发V部落博客管理平台
2017/12/27 Javascript
基于 D3.js 绘制动态进度条的实例详解
2018/02/26 Javascript
vue2.0模拟锚点的实例
2018/03/14 Javascript
详解JS取出两个数组中的不同或相同元素
2019/03/20 Javascript
java实现单链表增删改查的实例代码详解
2019/08/30 Javascript
Vue + element 实现多选框组并保存已选id集合的示例代码
2020/06/03 Javascript
centos系统升级python 2.7.3
2014/07/03 Python
python实现简单的socket server实例
2015/04/29 Python
Queue 实现生产者消费者模型(实例讲解)
2017/11/13 Python
在Mac上删除自己安装的Python方法
2018/10/29 Python
解决jupyter notebook 前面书写后面内容消失的问题
2020/04/13 Python
如何使用Python自动生成报表并以邮件发送
2020/10/15 Python
澳大利亚儿童和婴儿产品在线商店:Lime Tree Kids
2017/10/05 全球购物
Calzedonia美国官网:意大利风格袜子、打底裤和沙滩装
2018/07/19 全球购物
澳大利亚手表品牌:Time IV Change
2018/10/06 全球购物
就业表自我评价分享
2014/02/06 职场文书
优秀实习生感言
2014/03/01 职场文书
农民工工资发放承诺书
2014/03/31 职场文书
C++程序员求职信
2014/05/07 职场文书
大学生毕业求职信
2014/06/12 职场文书
2014年骨干教师工作总结
2014/12/19 职场文书
少年犯观后感
2015/06/11 职场文书
vue项目如何打包之项目打包优化(让打包的js文件变小)
2022/04/30 Vue.js