在网页中有 select 标签,即下拉列表框,在实际中我们可能需要 Combo Box--既能当下拉列表框使用,又能当文本框使用的一种网页控件。遇到这种情况我们往往使用文本框+浮动层来实现,效果非常不错,但就是代码复杂了点。
QQ上有一种这样的控件,也说不上控件,只是一种巧妙的应用,但这种应用只能在 IE 浏览器中有效,看如下代码(为了阅读方便,对代码作了适当修改):
基本原理就是利用 CSS 将下拉列表框向左浮动使其只显示右边的箭头,再利用 JavaScript 使列表框与文本框结合起来。
不过此 Combo Box 还是有 bug 的,请参见:QQ上的Combo Box(2)