Javascript 选择2-不带下拉菜单的输入字段

Javascript 选择2-不带下拉菜单的输入字段,javascript,jquery,jquery-select2,Javascript,Jquery,Jquery Select2,我正在使用,我有一个输入字段,我想在其中提供搜索词。 正如你所见,我有一个下拉列表,我可以选择或键入我自己的文本。 我的jquery代码: function createQuestionTags(data){ $(".question").select2({ createSearchChoice: function (term, data) { if ($(data).filter(function () { return this.tex

我正在使用,我有一个输入字段,我想在其中提供搜索词。

正如你所见,我有一个下拉列表,我可以选择或键入我自己的文本。
我的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
  });
}

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

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

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

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


我最近遇到了一个与Select2一样好的工具,它可以满足您的要求。

使用autocomplete extender….
。Select2结果{display:none;}
在CSS中???当我添加CSS时,他逻辑上不会显示任何结果……仅供参考:类似于这样的东西:从Select2站点复制它