select2选择后怎么按照选择先后顺序显示
时间: 2024-02-24 16:59:30 浏览: 21
如果您想要按照选择的先后顺序来显示选中的选项,您可以使用select2的`tags`属性来实现。`tags`属性允许用户输入任意值作为选项,同时保持选项的选择顺序。具体实现方法如下:
```
<select id="mySelect2"></select>
<script>
$(document).ready(function() {
$('#mySelect2').select2({
tags: true,
tokenSeparators: [',', ' '],
placeholder: '请选择'
});
$('#mySelect2').on('change', function() {
var selectedOptions = $('#mySelect2').select2('data');
var selectedValues = selectedOptions.map(function(option) {
return option.id;
});
console.log('当前选择的选项:', selectedValues);
});
});
</script>
```
在上述代码中,我们将`tags`属性设置为`true`,使得select2允许用户输入任意值作为选项。通过设置`tokenSeparators`属性,我们指定了用户输入多个选项时的分隔符为逗号和空格。当用户进行选择后,我们可以通过监听`change`事件来获取选择的选项,并按照选择的先后顺序来处理这些选项。
您可以根据实际需求对上述代码进行修改,以实现您所需要的功能。