将 select2 显示为纯输入文本

Question

我select2在我的probject 中使用插件（最新版本4.0.2）进行自动完成。我发现select2只能应用于选择控件。主要问题是文本输入作为此控件的第一个选项放置（参见下面的 img）。

有什么方法可以放置文本输入而不是选择控件（如 typeahead 插件）？

一些截图（其实你可以在这里试试）

折叠（您只能在此处看到带有选定选项的标准选择 html 控件）

展开（文本输入位置作为选择控件的第一个选项，如果选择折叠则隐藏文本输入）

Typeahead（适用于直接输入文本，在页面始终显示的第一行输入查询文本）

Answer 1

希望这是你正在努力实现的目标。

$(document).ready(function() {
$('#myInputEle').select2({
    width: '100%',
    allowClear: true,
    multiple: true,
    maximumSelectionSize: 1,
    placeholder: "Start typing",
    data: [
            { id: 1, text: "Nikhilesh"},
            { id: 2, text: "Raju"    }
          ]    
});
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/select2/3.4.8/select2.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/select2/3.4.8/select2.css" />

<input type="text" id="myInputEle"/>