易创论坛 - 因你而精彩
  [Search] 搜索   [Recent Topics] 最新主题   [Hottest Topics] 热门主题   [Members]  会员列表   [Groups] 返回首页 
[Moderation Log] 管理日志   [Register] 会员注册 / 
[Login] 登入 
可输入模糊查询功能的下拉菜单  XML
论坛首页 » Ajax技术交流
发表人 内容
eworkday



注册时间: 17/02/2009 09:38:31
文章: 761
离线

要实现的效果如图所示:


实现源码:
SearchSelect.js文件内容如下:
变量说明:obj为当天的可编辑文本框对象,editable为可编辑的文本框id值,SelectOption为选择框的id值。
注:源代码在运行时需要将中文注释全部去掉,否则容易出现执行时因为乱码造成的问题,很隐蔽。





ProducysSearch.jsp调用部分代码



下图是代码的测试结果,通过以下几项测试
1. 实现模糊查询。
2. 下拉的msg div能够盖住Select,而不是被Select盖住。
3. 可以看出,下拉的msgLay div比msg div的尺寸大一点点,有待以后修改,现在的效果也可接受。









参考文章:
可输入模糊查询功能的下拉菜单
JS 字符串操作技巧
UNICODE编辑与中文在线转换
学习CSS网页制作:z-index在IE中的迷惑
Visual formatting model
深入理解css中的position定位和z-index属性
解决DIV层被Select覆盖的问题
HTML Iframe dom动态生成且隐藏边框







这篇文章被编辑了 25 次. 最近一次更新是在 11/07/2009 11:08:56


易创天成
[MSN]
 
论坛首页 » Ajax技术交流
前往:   
Powered by JForum 2.1.8 © JForum Team. Improved by EWorkday