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,mootools,dojo)使用适合自己的编程别名命名
Sep 14 Javascript
jQuery-ui引入后Vs2008的无智能提示问题解决方法
Feb 10 Javascript
如何防止回车(enter)键提交表单
May 11 Javascript
JavaScript中的普通函数与构造函数比较
Apr 07 Javascript
Jquery插件之Fancybox丰富的弹出层效果附源码下载
Dec 02 Javascript
JS如何生成一个不重复的ID的函数
Dec 25 Javascript
canvas实现动态小球重叠效果
Feb 06 Javascript
javascript实现手动点赞效果
Apr 09 Javascript
es6中比较有用的7个技巧小结
Jul 12 Javascript
vue实现购物车选择功能
Jan 10 Javascript
vue 解决兄弟组件、跨组件深层次的通信操作
Jul 27 Javascript
js实现简易计算器小功能
Nov 18 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实现数据分页显示的简单实例
2016/05/26 PHP
PHP Class SoapClient not found解决方法
2018/01/20 PHP
JavaScript 监听textarea中按键事件
2009/10/08 Javascript
jquery 选择器部分整理
2009/10/28 Javascript
页面版文本框智能提示JS代码
2009/11/20 Javascript
JavaScript 高级篇之闭包、模拟类,继承(五)
2012/04/07 Javascript
如何让easyui gridview 宽度自适应窗口改变及fitColumns应用
2013/01/25 Javascript
html文本框提示效果的示例代码
2014/06/28 Javascript
JS实现简洁、全兼容的拖动层实例
2015/05/13 Javascript
JavaScript中的pow()方法使用详解
2015/06/15 Javascript
Bootstrap 网站实例之单页营销网站
2016/10/20 Javascript
JS用斜率判断鼠标进入DIV四个方向的方法
2016/11/07 Javascript
9个让JavaScript调试更简单的Console命令
2016/11/14 Javascript
JS实现动态生成html table表格的方法分析
2018/07/11 Javascript
vue移动端监听滚动条高度的实现方法
2018/09/03 Javascript
vuex管理状态 刷新页面保持不被清空的解决方案
2019/11/11 Javascript
使用Karma做vue组件单元测试的实现
2020/01/16 Javascript
vue $mount 和 el的区别说明
2020/09/11 Javascript
Vue中正确使用Element-UI组件的方法实例
2020/10/13 Javascript
Flask使用Pyecharts在单个页面展示多个图表的方法
2019/08/05 Python
在python中求分布函数相关的包实例
2020/04/15 Python
Python爬虫之Selenium下拉框处理的实现
2020/12/04 Python
python pillow库的基础使用教程
2021/01/13 Python
7款设计巧妙的css3飘带状3D立体效果的导航菜单和表单窗口
2013/02/04 HTML / CSS
魔幻般冒泡背景的CSS3按钮动画
2016/02/27 HTML / CSS
Melijoe时尚童装德国官网:Melijoe德国
2016/09/03 全球购物
马来西亚在线时尚女装商店:KEI MAG
2017/09/28 全球购物
新加坡最受追捧的体验平台:Hapz
2018/01/01 全球购物
Kaufmann Mercantile官网:家居装饰、配件、户外及更多
2018/09/28 全球购物
民事诉讼代理委托书
2014/10/08 职场文书
大学生村官入党自传
2015/06/26 职场文书
孩子满月酒答谢词
2015/09/30 职场文书
幼儿园班级管理心得体会
2016/01/07 职场文书
只用20行Python代码实现屏幕录制功能
2021/06/02 Python
vue使用refs获取嵌套组件中的值过程
2022/03/31 Vue.js
3050和2060哪个好 性能差多少 差距有多大 谁更有性价比
2022/06/17 数码科技