BootStrap+modal+Select2 实现可编辑下拉框

最新推荐文章于 2023-03-14 14:29:45 发布

啦啦啦啦1997

最新推荐文章于 2023-03-14 14:29:45 发布

阅读量1.3k

点赞数 1

分类专栏： scipt 文章标签： script

本文链接：https://blog.csdn.net/gtq1997/article/details/98615987

版权

scipt 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

BootStrap+modal+Select2 实现可编辑下拉框

html ：

<select   class="js-example-placeholder-multiple-one js-states form-control" style="width:566px">
</select>

引入 select2 所需js 和样式：

select2.full.js
select2.css

js 渲染

  $.fn.modal.Constructor.prototype.enforceFocus = function () { }  下拉框可输入
            $('.js-example-placeholder-multiple-one').select2({
                placeholder: "请选择", //默认input 文字
              //  maximumSelectionLength: 1, //多值选择框可以设置所选择的最大选项数的限制（只能选择其中一项）
                tags: true });   //当输入无option匹配时可默认选择