从下拉菜单中选择一个选项后,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
});