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');
}
});
});
控制台可以看到值已经修改了,但是下拉框是空的。怎么办?
建议查看文档 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>