动态添加jquery-editable-select插件下拉列表

项目场景：

在JSP页面中要用到带输入框的select组件，所以用到了jquery的jquery-editable-select插件

---

问题描述：

在使用jquery-editable-select插件时，需要动态的在select组件上添加option选项，但使用下面代码不会生效

$('#selectId').append("<option >实例<.option>");

---

原因分析：

在浏览器页面看代码时发现jquery-editable-select插件会在初始化后把select组件给转换成input，所以通过js动态插入optrion已经没有用了

---

解决方案：

解决问题的代码：

for( let i = 0; i<data.length;i++){
	 html = "<li class='es-visible' value='" + data.value + "'>" + data.name + "</li>";
	 $('.es-list').append(html);
 )

jquery-editable-select插件会在转换input组件下添加class为es-list的ul组件，我们可以通过往这个ul组件下动态添加li组件来达到动态添加select同样的效果。