2013-11-22 35 views
2

我正在与select2一起工作,我有一个输入字段,我想提供搜索条件。 enter image description hereSelect2 - 输入字段没有下拉

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

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

+0

mak use of autocomplete extender .... –

+0

'.select2-results { display:none; }在CSS中? –

+0

当我添加CSS时,他逻辑上显示没有结果... – nielsv

回答

2

下拉菜单总是可见的,因为这是Select2的工作原理。这是一个非常好的图书馆,但这恰好是你必须解决的一个限制。背后的非常简单的原因是:

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

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

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

+0

而类似的东西:http://i42.tinypic.com/fyik55。 PNG从select2网站复制它 – nielsv