easyui的combobox重新渲染

使用easyui的combobox插件需要先引入easyui的js库：

easyui.min.js资源地址：https://download.csdn.net/download/github_39557053/10298580

<script src="lib/jquery.easyui.min.js"></script>

  然后在select标签的class中加上“easyui-combobox”属性，通过实践猜测这个属性应该是在页面加载的时候进行的组件渲染。但是在后边需要自己用js动态新增下拉框标签，但是新增的下拉框标签不可动态渲染，经过网上查询资料，使用了：

 

 

$(".easyui-combobox").combobox({});

  这个的确是可以动态渲染新加的组件，但是这是一个全局刷新，意思就是会把之前选择的下拉框也会重置，这就造成了一个问题，我选择一个选项，点击新增下拉框，我上边的那个下拉框的值就变成了初始值，这个问题困扰了我好久。

 

  后来经过一系列的尝试，找到一个解决方案。

  可以在class中动态的添加一个class当，组件渲染完成后，再动态的将这个class去掉，这样就完美解决了会重复渲染问题。

  附我们前端大牛的一段代码，移除class 防止日后遗忘：

 

$this.parent().siblings(".price").find('.form-control').removeClass("class")

 附动态下拉框赋值：

 

 

$('#id').combobox('select', data.属性);