jquery – 如何在下拉框中的Select2中显示所选标签？

我正在使用带有标签的Select2(版本4),并希望将选定的选项显示在输入字段下方.

所以代替：

相反有：

这是可能的,如果是这样,我该如何实现呢？

编辑：
代码是：

<select class="js-example-tags form-control" multiple="multiple">
    <option selected="selected">orange</option>
    <option selected="selected">white</option>
    <option selected="selected">purple</option>
    <option selected="selected">red</option>
    <option selected="selected">blue</option>
    <option selected="selected">green</option>
</select>

和

$(".js-example-tags").select2({
tags: true
})

解决方法

当您的元素被渲染时,会为元素添加一个带有类的ul.这个类名是：select2-selection__rendered
所以我的想法是,在渲染之后,我可以拿这个课,添加一些底部.为此,我使用$(function()注意到,这是在加载完毕之后加载的,所以对于您需要的JavaScript代码,如下(测试)：

Javascript代码：

<script>
  $(".js-example-tags").select2({
   tags: true
  });

   $(function() {
      //Here you add the bottom pixels you need. I added 200px.
      $('.select2-selection__rendered').css({top:'200px',position:'relative'});
   });
  </script>