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

 更新时间:2009年05月21日 22:45:10   作者:  
昨天做一个网站时,需要实现下拉框能够输入,从功能上讲是要实现用户在文本框输入值时,能够从后读出数据弹出下拉选项

于是尝试了用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

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

相关文章

  • xmlHTTP实例

    xmlHTTP实例

    xmlHTTP实例...
    2006-10-10
  • JS控制静态页面传递参数并获取参数应用

    JS控制静态页面传递参数并获取参数应用

    这篇文章主要介绍了JS控制静态页面传递参数并获取参数应用的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-08-08
  • JS promise解决异步问题过程详解

    JS promise解决异步问题过程详解

    Promise是异步编程的一种解决方案,比传统的解决方案——回调函数和事件——更合理和更强大。简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。从语法上说,Promise是一个对象,从它可以获取异步操作的消息
    2023-04-04
  • js模拟类继承小例子

    js模拟类继承小例子

    使用js模拟类继承小例子,学习js面向对象的朋友可以参考下。
    2010-07-07
  • 关于layui的动态图标不显示的解决方法

    关于layui的动态图标不显示的解决方法

    今天小编就为大家分享一篇关于layui的动态图标不显示的解决方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • JavaScript几种形式的树结构菜单

    JavaScript几种形式的树结构菜单

    今天我主要讲3种不同展示的JavaScript树结构菜单,分别是悬浮层树(Tree)、右键菜单树(ContextMenu)和节点树(TreeMenu),目前都支持无限级层次。
    2010-05-05
  • 深入理解JavaScript系列(2) 揭秘命名函数表达式

    深入理解JavaScript系列(2) 揭秘命名函数表达式

    网上还没用发现有人对命名函数表达式进去重复深入的讨论,正因为如此,网上出现了各种各样的误解,本文将从原理和实践两个方面来探讨JavaScript关于命名函数表达式的优缺点
    2012-01-01
  • ESLint和Jest中使用esm示例详解

    ESLint和Jest中使用esm示例详解

    这篇文章主要为大家介绍了ESLint和Jest中使用esm示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-03-03
  • JavaScript实现获取用户单击body中所有A标签内容的方法

    JavaScript实现获取用户单击body中所有A标签内容的方法

    这篇文章主要介绍了JavaScript实现获取用户单击body中所有A标签内容的方法,涉及javascript针对页面元素及事件响应相关操作技巧,需要的朋友可以参考下
    2017-06-06
  • 如何快速高效创建JavaScript 二维数组方法详解

    如何快速高效创建JavaScript 二维数组方法详解

    这篇文章主要为大家介绍了如何快速高效创建JavaScript 二维数组方法详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2023-02-02

最新评论