MDUI
首页
注册

select ajax append后handleUpdate 未能按照指定selected显示

sau
2020-09-02 14:01:50

因为项目需要做省市区联动select,而初始化后,重新选了一个省份,ajax加载其下城市;

let select_city = dialog_agent.find('select[name="city"]'),
mdui_select_city = new mdui.Select(select_city[0],{position:'bottom'});
select_city.empty();
for(let obj of obj_re.data){
  select_city.append(`<option value="${obj.id}"${select_city.children().length===0?' selected':''}>${obj.name}</option>`);
}
mdui_select_city.handleUpdate();

handleUpdate 未能按照指定selected显示,而是始终最后一个为默认选中项;

以上代码段运行后,html中select的option第一个已经是selected,

而 mdui-select-menu-item 的选中项却是最后一项,通过form.serializeArray(); 或 select_city.val(); 获取的都是最后一项的value