Question

我想在select2中将类添加到选项，所以在我点击建议列表项后，它会将自定义类添加到选择多个添加到主选择结构。

以下是示例代码：

<select id="myselect2" multiple="" style="width:50%;" data-select2-id="myselect2" tabindex="-1" class="select2-hidden-accessible" aria-hidden="true">
// result 
  <option data-select2-id="4" class="added-to-select-multiple">One</option>
  <option data-select2-id="5">Another option</option>
  <option data-select2-id="6">Hello there</option>
</select>

点击建议列表的第一个元素后：

_________ 来自检查的HTML输出 ___________________

$('#myselect2').trigger({
        type: 'select2:select',

});

如何实现这一目标？我正在尝试：

{{1}}

但是我没有找到解决方案，我想我甚至都没有。

小提琴：https://jsfiddle.net/Friiz/19rootn5/1/

感谢您的帮助！

Answer 1

这可能是一种方法：

＆＃13;

$('#myselect2').select2();
    
$('#myselect2').on('change', function(){
    $(this).find('option').removeClass('added-to-multiple-select');
    $(this).find('option:selected').addClass('added-to-multiple-select');
});

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/css/select2.min.css" rel="stylesheet" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.6-rc.0/js/select2.min.js"></script>

<select id="myselect2" multiple="multiple" style="width:50%;">
  <option>One</option>
  <option>Another option</option>
  <option>Hello there</option>
</select>

＆＃13;

select2将类添加到所选选项

1 个答案: