QQ 上的 Combo Box(1)

作者:chilleen 来源:千一网络(原创) 日期:2006-7-20

在网页中有 select 标签,即下拉列表框,在实际中我们可能需要 Combo Box--既能当下拉列表框使用,又能当文本框使用的一种网页控件。遇到这种情况我们往往使用文本框+浮动层来实现,效果非常不错,但就是代码复杂了点。

QQ上有一种这样的控件,也说不上控件,只是一种巧妙的应用,但这种应用只能在 IE 浏览器中有效,看如下代码(为了阅读方便,对代码作了适当修改):


[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

基本原理就是利用 CSS 将下拉列表框向左浮动使其只显示右边的箭头,再利用 JavaScript 使列表框与文本框结合起来。

不过此 Combo Box 还是有 bug 的,请参见:QQ上的Combo Box(2)

相关文章