选中项

当从下拉菜单中选择一个选项时，Select2 将在容器框中显示所选值。默认情况下，它将显示所选选项的textSelect2 的所选选项内部表示中的属性.

模板设置

可以通过使用templateSelection配置选项来自定义已选结果的外观。该选项接受一个回调函数，用于将选择的数据对象转换为字符串表示形式或 jQuery 对象：

使用像Handlebars这样的客户端模板引擎来定义模板可能会对您有帮助。

内置转义功能

默认情况下，templateSelection返回的字符串被认为只包含文本内容，并会经过escapeMarkup函数处理，从而移除任何 HTML 标记。

如果需要在选择模板中渲染 HTML，您必须将渲染后的内容包裹在一个 jQuery 对象中。在这种情况下，选择内容将被直接传递给，并由 jQuery 直接处理。任何标记（如HTML）都不会被转义，因此防止用户提供的恶意输入是您的责任。jQuery.fn.append and will be handled directly by jQuery. Any markup, such as HTML, will not be escaped and it is up to you to escape any malicious input provided by users.

所有作为选择项呈现的内容都是通过模板生成的。这包括显示的占位符和预先存在的选择项，所以您必须确保您的模板函数能够支持这些情况。

限制选择数量

Select2 的多选下拉框可以设置最大可选项数的限制。下面的下拉框在 select2 选项中声明了multiple属性，并且maximumSelectionLength设置为 2。

可清除的选择

当设置为truetrue 时，在选择了值的情况下，下拉框上会出现一个清除按钮（“x”图标）。点击清除按钮将清空已选值，有效地将下拉框重置为其占位符值。

$('select').select2({
  placeholder: 'This is my placeholder',
  allowClear: true
});