xm-select点击第一次可以渲染,点击第二次就无响应了。
<form class="layui-form">
<div class="layui-inline" style="width:300px;" id="name_id">
</div>
<div class="layui-inline layui-show-xs-block">
<button class="layui-btn" lay-submit="" lay-filter="sreach" data-type="reload" id="searchBtn"><i class="layui-icon"></i></button>
</div>
</form>
<script>
$.ajax({
type:'get',
url:'./get_name.php',
success:function(data){
data = JSON.parse(data)
console.log('data:',data)
demo1 = xmSelect.render({
el:'#name_id',
name:'name',
tips:'选择姓名',
data:data['data'],
theme: { color: '#558ff5' },
toolbar: { // 工具条【‘全选’,‘清空’】
show: true, // 开启工具条
showIcon: false, // 隐藏工具条的图标
},
filterable: true, // 开启搜索模式,默认按照name进行搜索
model:{
label:{
//type:'text',
text:{
separator:',',
}
}
}
})
}
});
</script>
官网:https://maplemei.gitee.io/xm-select/#/component/install
需要的js可以去官网下载