选择项

从下拉菜单中选择一个选项后,Select2将在容器框中显示选定的值。默认情况下,它将显示text Select2 的内部内部属性。

模板

所选结果的外观可以通过使用templateSelection配置选项。这需要一个回调,该回调将选择数据对象转换为字符串表示形式或jQuery对象:



您可能会发现使用客户端模板引擎(如Handlebars)来定义模板会很有帮助。

内置转义

默认情况下,返回的字符串templateSelection假定仅包含文本,并将通过escapeMarkup函数,剥离所有HTML标记。

如果需要使用选择模板呈现HTML,则必须将呈现的选择包装在jQuery对象中。在这种情况下,选择将直接传递给jQuery.fn.append并将直接由jQuery处理。任何标记(例如HTML)都不会被转义,您有责任逃避用户提供的任何恶意输入。

呈现为选择的所有内容均已模板化。这包括显示的占位符和预先存在的选择,因此您必须确保模板功能可以支持它们。

限制选择数量

Select2多值选择框可以设置有关可以选择的最大选项数量的限制。以下选择用声明multiple具有属性maximumSelectionLength在select2选项中。



可清除的选择

当设置为true,使清除按钮(“X”图标)当选择一个值上的选择框显示。单击清除按钮将清除选定的值,从而有效地将选择框重置为其占位符值。

$('select').select2({
  placeholder: '这是我的占位符',
  allowClear: true
});