Select2 显示当前搜索的值

Posted

技术标签:

【中文标题】Select2 显示当前搜索的值【英文标题】:Select2 Show Currently Searched Value 【发布时间】:2017-03-02 08:03:46 【问题描述】:

我正在使用 Selec2 框架通过 ajax 调用来执行此操作,我已在我的项目中成功实现了此功能,但是为什么当输入值进行搜索时,它会将当前搜索值显示为可选选项,即使没有结果,我也想不要隐藏这一点。有什么建议吗?谢谢

显示当前搜索值并且它是可选的:

即使没有结果:

html

<select style='width:100%;' id='select-employee'></select>

JS:

$("#select-employee").select2(
    theme: "bootstrap",
    placeholder: "Select employee...",
    minimumInputLength: 1,
    tags: [],
    ajax: 
        url: "getEmployee.php",
        dataType: "json",
        type: "POST",
        delay: 250,
        data: function(params) 
            return 
                term: params.term,
                page: params.page
            ;
        ,
        processResults: function(data, params) 
            params.page = params.page || 0;
            return 
                results: data.items,
                pagination: 
                    more: (data.page == "1" ? true : false)
                
            ;
        ,
        cache: true
    
);

【问题讨论】:

【参考方案1】:

你好,因为你必须将标签填充为false,尝试将[]更改为false

$("#select-employee").select2(
  theme: "bootstrap",
  placeholder: "Select employee...",
  minimumInputLength: 1,
  tags: false,
  ajax: 
    url: "getEmployee.php",
    dataType: "json",
    type: "POST",
    delay: 250,
    data: function(params) 
        return 
            term: params.term,
            page: params.page
        ;
    ,
    processResults: function(data, params) 
        params.page = params.page || 0;
        return 
            results: data.items,
            pagination: 
                more: (data.page == "1" ? true : false)
            
        ;
    ,
    cache: true
  
);

【讨论】:

它有效,谢谢老兄:D 对不起这个问题,但我很沮丧,我按照 select2 文档中的说明操作,但什么也没找到,我不知道在 google 中搜索的查询

以上是关于Select2 显示当前搜索的值的主要内容,如果未能解决你的问题,请参考以下文章

隐藏 select2 多搜索框

重置 select2 值并显示占位符

Select2:显示多个选定的值

在 select2 多选中显示单独的搜索框

在 PHP 中,如何使用 select2(Jquery 插件)显示选定的值

Select2 自定义搜索