jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jquery – 如何在下拉框中的Select2中显示所选标签?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用带有标签的Select2(版本4),并希望将选定的选项显示在输入字段下方. @H_502_2@所以代替:

@H_502_2@相反有:

@H_502_2@这是可能的,如果是这样,我该如何实现呢?

@H_502_2@编辑:
代码是:

<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>
@H_502_2@和

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

解决方法

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

大佬总结

以上是大佬教程为你收集整理的jquery – 如何在下拉框中的Select2中显示所选标签?全部内容,希望文章能够帮你解决jquery – 如何在下拉框中的Select2中显示所选标签?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: