项目场景:
在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同样的效果。