选择2 - 没有下拉列表的输入字段

时间:2013-11-22 10:49:48

标签: javascript jquery jquery-select2

我正在使用select2,我有一个输入字段,我想提供搜索字词。 enter image description here

正如您所看到的,我有一个下拉列表,我可以选择或键入我自己的文本。
我的jquery代码:

function createQuestionTags(data){
  $(".question").select2({
    createSearchChoice: function (term, data) {
        if ($(data).filter(function () {
            return this.text.localeCompare(term) === 0;
        }).length === 0) {
            return {
                id: term,
                text: term
            };
        }
    },
    data: data,
    placeholder: "Enter Question",
    allowClear:true
  });
}

如何设置它只是一个输入字段,您可以键入而不是使用下拉列表?

1 个答案:

答案 0 :(得分:3)

下拉列表始终可见,因为这就是Select2的工作原理。这是一个非常好的库,但这恰好是您必须解决的限制之一。背后非常简单的原因是:

  

Select2是基于jQuery的选择框替代品。它支持搜索,远程数据集和无限滚动结果。 - Select2

您可以尝试使用CSS强制隐藏它,但我还没试过。

我最近遇到了selectize.js,它与Select2同样出色并满足您的要求。