当前位置: 首页 > 图文教程 > 网络编程 > Javascript > input+select(multiple) 实现下拉框输入值

Javascript
jQuery代码:jQuery控制表单里的回车键
用DIV完美模拟createPopup 弹出窗口(脚本之家修正版)，支持Firefox,ie,chrome
jQuery Flash/MP3/Video多媒体插件
9个JavaScript评级/投票插件
JS实现的radio图片选择按钮效果
IE中checkbox在刷新后初始化的问题
JavaScript 学习笔记（十一）
JS 对象介绍
javascript 哈希表(hashtable)的简单实现
jquery 防止表单重复提交代码
js parsefloat parseint 转换函数
javascript parseInt与Number函数的区别
JavaScript 学习笔记（十二） dom
JavaScript 学习笔记（十三）Dom创建表格
javascript 实现自由落体的方块效果
javascript 获取url参数和script标签中获取url参数函数代码
JAVASCRIPT style 中visibility和display之间的区别
javascript 拖放效果实现代码
jquery last-child 列表最后一项的样式
Jquery实战_读书笔记1—选择jQuery

No. « 279 280 281 282 »

技术文章搜索

关键字

Javascript 中的 input+select(multiple) 实现下拉框输入值

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-10-12   浏览: 384 ::
收藏到网摘: n/a

昨天做一个网站时，需要实现下拉框能够输入，从功能上讲是要实现用户在文本框输入值时，能够从后读出数据弹出下拉选项

于是尝试了用input+select来实现，结果如下：


具体代码及演示地址：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),效果如下：

具体代码及演示地址：www.homdian.com/test1.aspx

这种方法已基本满足我的需求，在此贴出，希望大家能够提供更好的方法。谢谢。