javascript - Select2 显示当前搜索的值

Question

我正在使用 Selec2使用 ajax 调用执行此操作的框架，我已在我的项目中成功实现了此功能，但为什么在输入要搜索的值时它会将当前搜索值显示为 optional ，即使没有结果，我也不想隐藏它。有什么建议吗？谢谢

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

即使没有结果:

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
    }
});

Answer 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
  }
});