【问题标题】:Select2 - input field without dropdownSelect2 - 没有下拉菜单的输入字段
【发布时间】:2013-11-22 10:49:47
【问题描述】:

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

如您所见,我有一个下拉菜单,可以在其中选择或键入自己的文本。
我的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-results{ display:none; } 在 CSS 中???
  • 当我添加 css 时,他在逻辑上没有显示任何结果 ...

标签: javascript jquery jquery-select2


【解决方案1】:

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

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

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

我最近遇到了selectize.js,它和 Select2 一样好,可以满足您的要求。

【讨论】:

猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-10-14
  • 2017-01-28
  • 2013-01-28
  • 2018-03-14
  • 1970-01-01
  • 2021-03-29
相关资源
最近更新 更多