Layui 系列之—循环显示下拉框

方法

// 循环显示下拉框方法
function show(data, selected, objDom) { 
	// 先清空对象
	objDom.empty(); 
	let html = '<option value=""></option>'; 
	$.each(data, function (index, item) { 
		if (item.key == selected) { 
			html += '<option value="' + item.key + '" selected="selected">' + item.value + '</option>'; }
		else { 
			html += '<option value="' + item.key + '">' + item.value + '</option>'; } 
	}); 
	objDom.append(html); 
	let form = layui.form; 
	form.render('select'); 
}

方法调用

// typeList为循环列表，
// pageData.typeId为选中参数（没有传null）
// type为下拉框name
show(typeList, pageData.typeId, $("select[name='type']"));

注意事项

如果报错 form is undefined 或者页面没反应

 	// 渲染表格
    layui.use(['table', 'form', 'layedit'], function () {
        
    });