select2复制下拉框clone

select2正常复制，会多一个框出来，因为需要在复制之前将select2给销毁

但是对于动态加载的optionlist 的select2，单单销毁是不够的

因为缓存的原因，select2会保存复制之前的select2的option，也尝试了销毁再重建，但是还是会有问题，因此直接remove select2下的所有option即可。

  //+$(".org_list").on("click", ".plus_ps", function () {if ($(".org_item").length >= 5)alert("只支持最多5个单位之间的对比");else {var $this = $(this);var sourceselect = $this.parent().find('select');sourceselect.select2('destroy');var html = $this.parent().clone();$this.parent().after(html);//查找刚刚复制的selectvar tagertSelect = $this.parent().next().find('select');//定义select2$(".org_select").select2({placeholder: '请输入',ajax: {url: function (params) {return CPRO.getVirtualPath() + "/PersonalityDataStatistics/GetOrganizationList";},dataType: 'json',delay: 250,data: function (params) {var queryParameters = {keywords: params.term};return queryParameters;},processResults: function (data) {return {results: data.message};},cache: false}});//清空缓存的optiontagertSelect.find('option').remove(); //添加相关的div---与select2操作无关var totalDiv = $('.total_div').find('.total_item:last');var clDiv = totalDiv.clone();$('.total_div').find('.total_item:last').after(clDiv);$('.total_div').find('.total_item:last').find('option:last').text("");}});//-$(".org_list").on("click", ".reduce_ps", function () {if ($(".org_item").length <= 2) { return; }var $this = $(this);//删除该div$this.parent().remove();//删除相关的div$('.total_div').find('.total_item:last').remove();PersonalityChart();});

参考博客：

https://blog.csdn.net/cccaaa8888/article/details/51362774

https://blog.csdn.net/weixin_40010498/article/details/81902866

select2复制下拉框clone相关推荐

poi 复制下拉框内容入力规则
在poi中,下拉框里面有两种格式入力,一种是通过入力规则直接有数据进行复制另一种是通过引用其他sheet或者是单元格的内容进行list显示的 private void xxcopy() {List& ...
智能补全模糊查询select2的下拉选择框使用
我们在上篇文章中已经在SpringMVC基础框架的基础上应用了BootStrap的后台框架,在此基础上记录select2的使用. 应用bootstrap模板基础项目源码下载地址为: SpringMV ...
Excel导出模板加数据时，下拉框丢失解决方案
简介: 在工作中.我们大多数会碰到导出.导入excel功能.此篇文档便是对导出时,模板中自带的下拉框丢失的问题记录. 摘要: 首先简要描述如何实现excel导出模板加数据功能. 1.读取sheet模板 ...
Bootstrap 4风格的select2下拉框
Bootstrap 4风格的select2下拉框以 Select2 的 Bootstrap 3 风格为基础,做了些修改,做成了 Bootstrap 4 风格的 Select2 下拉框. 效果: 使 ...
select2 ajax demo,Select2下拉框示例
在项目中,需要用到下拉框,于是找到了这个比较好用的select2插件,功能很强大,几乎能满足所有的下拉选择需求,选中之后可以点击取消选择的,另,本例连同ajax获取选择的数据一并提供. 添加极限活动 ...
select2 手动输入匹配下拉框内容可多选
这里我选择的是select2这个插件. 官网地址:https://select2.org/getting-started/builds-and-modules 主要实现输入框可以有多选下拉框 < ...
bootstrap3中select2的默认值和下拉框的禁用
bootstrap3中select2的默认值和下拉框的禁用最近做项目用到了select2插件,需求中需要给下拉框设置默认值之后,禁用下拉框,我开始的写法是这样的 <script type=&q ...
java下拉模糊查询_select2 智能补全模糊查询select2的下拉选择框使用
我们在上篇文章中已经在SpringMVC基础框架的基础上应用了BootStrap的后台框架,在此基础上记录select2的使用. 应用bootstrap模板基础项目源码下载地址为: SpringMV ...
rails使用html form,Rails 页面多选下拉框, form_for, form_tag 使用技巧及 select2 使用
表单的多选下拉框在 web 项目中比较常用且常见,所以快速构建多选下拉框是每个 Rails 全栈开发者必备的技能. 这篇文章总结使用 select2 前端插件和 Rails 内置的视图帮助方法 sel ...
select2下拉框总结
用了这么久的Select2插件,也该写篇文章总结总结. 在我的印象里Select2有2个版本,最新版本有一些新的特性,并且更新了一下方法参数,比最初版本要好看一些,本文针对新版本. 官网:http:/ ...

select2复制下拉框clone

select2复制下拉框clone相关推荐

最新文章

热门文章