layui弹出层中添加下拉框

layui弹出层中添加下拉框

实习不到两个月，踩到的坑

使用layui写了一个项目，负责其中的一小块，其中有一个页面需要在弹出层中写一个下拉框

代码如下：

<div class="layui-form-item">
<label class="layui-form-label"><span style="color:red;">*</span>关系：</label>
	<div class="layui-input-block">
		<select name="relation" lay-verify="required" lay-filter="relation" lay-search id='relation'></select>
	</div>
</div>

	$.ajaxSettings.async = false;
	$.get("/ha/dictionary/findDictionaryList",{tableName: 'elderly_information'}, function (res) {
		$.each(res.data.emergency_contact_relationship,function(k,v){
          relationMap.push({'key':v.flag,'value':v.value});
          $("#relation").append("<option value=" + v.flag + ">" + v.value + "</option>");
		});
      form.render();
  })
	$.ajaxSettings.async = true;

我想说的是，一定要加 form.render() 进行更新渲染，要不然不会生效