xm-select 怎么渲染？ 我的值已经拿到了，但是下拉框还是空的。

Question

form.on('select(classroomtype)', function(rs){
  console.log(rs.value); //得到被选中的值
  var demo1 = xmSelect.render({
    el: '#demo1', 
    language: 'zn',
    data:[]
});
$.ajax({
        url: "classroomadsql.php?id="+rs.value,
        type: "get",
        success: function(res){
            console.log(res);
      demo1.data=res;
      demo1.autoRow=true;
      console.log(demo1.data);
        },
        error: function(){
            layer.msg('123');
        }
    });
}); 

控制台可以看到值已经修改了，但是下拉框是空的。怎么办？

Answer 1

建议查看文档 xm-select

<div id="demo2" class="xm-select-demo"></div>

<script>
var demo2 = xmSelect.render({
    el: '#demo2', 
    toolbar: {show: true},
    data: []
})

axios({
    method: 'get',
    url: 'https://www.fastmock.site/mock/98228b1f16b7e5112d6c0c87921eabc1/xmSelect/search',
}).then(response => {
    var res = response.data;
    
    demo2.update({
        data: res.data,
        autoRow: true,
    })
});

</script>