我正在使用带有标签的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代码,如下(测试)：
所以我的想法是,在渲染之后,我可以拿这个课,添加一些底部.为此,我使用$(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>
