selectpicker clone的问题

selectpicker clone的问题

需求：
在table中存在一行，含有 一个selectpicker 的select .点击添加，clone 新增同样的一行。
Bug:
当点击新clone出来的 selectpicker时，总是影响的原始的 selectpicker，新clone的值没有改变。

这个问题在中文网站搜半天，很少有提到的，还好公司的网能访问国外网站，之后在github上面看到很多人在讨论这个问题，也提到了很多解决方案，但是拿到我这边，没有发现管用的。
不是别人的方案不对，个人感觉这个要结合自己的代码，通过浏览器查看jsp控件的各种属性，慢慢按网上的思路去试。

我的解决方法：
js:

$('.selectpicker').data('selectpicker', null);
$('.bootstrap-select').find("button:first").remove();
$('.selectpicker').selectpicker();

思路：
新增clone的selectpicker之后，把所有的selectpicker对象重新初始化一边。

解决：
首先要处理的selectpicker对象是jsp上所有的，把data清空，然后初始化selectpicker()，但是之后我遇见的问题是每个selectpicker控件的地方会多出一个下拉按钮，第二个是真正的组合控件，第一个是一个封装成的button，所以中间执行一下删除button的操作，然后问题就解决了。