如何创建一个也是输入文本框的选择列表?

时间:2012-11-07 03:47:23

标签: javascript jquery html5

我想创建一个选择列表,就像谷歌邮件搜索中的一个节目一样。该选择列表的特殊之处在于,当我们点击选择列表时,它变为输入文本框,当我们点击该选择列表的右侧向下箭头时,它会显示一个下拉表单,其中包含搜索特定邮件的搜索选项。

我只是想知道如果我们点击框区域,如何创建一个也像输入文本框一样的选择列表?

任何人都可以给我一个想法来实现这个目标吗?

3 个答案:

答案 0 :(得分:5)

我希望你看起来像这样

http://ivaynberg.github.com/select2/select-2.1.html

检查出来

答案 1 :(得分:1)

您可以使用jquery-ui自动完成插件。

Autocomplete - Combobox

你可以在这里找到详细的文件..

A jQuery UI Combobox: Under the hood

答案 2 :(得分:0)

看看这个http://jqueryui.com/autocomplete/#maxheight。这是使用JQuery