下拉列表合并到编辑字段(具有自动填充功能)

时间:2013-04-05 03:08:55

标签: jquery drop-down-menu

如果它是非常基本的话,我是个乞丐的借口。

这是我的问题:

我想要一个下拉字段。因此,用户可以单击箭头以查看选项并选择一个。

但同样的下拉菜单也应该允许用户输入任何内容,并且(就像谷歌一样)选项(已经通过下拉列表加载)开始在下面的poup中建议。

例如....想象一下你有一大堆专业(设计师,老师,导演......)的下拉列表

您可以使用箭头展开列表,导航并选择您想要的职业......但是......您也可以开始输入T ...所以任何以T开头的职业都会显示在下方的弹出窗口中......容易选择正确的。

我不知道如何创建这样的功能?你有任何提示吗?

只能使用CSS3吗?还是Jquery?

非常感谢

最诚挚的问候 古斯塔沃。

1 个答案:

答案 0 :(得分:0)

嗯,有一个名为jQuery Chosen的excelente插件 使用jQuery,您可以这样初始化:

<select data-placeholder="Choose a option..." class="my-chosen"></select>

$(".my-chosen").chosen({no_results_text: "No results matched"});

看看:http://harvesthq.github.com/chosen/
下载地址:https://github.com/harvesthq/chosen/