Layui动态从数据库获取下拉框列表数据

一、首先从Layui官网下载相应的js,css,导入到页面

二、页面写入select下拉框 请选择 ect> 三、编写js代码从后台访问集合数据加载到下拉框
   //加载机构类型
	$.ajax({
		url: '/orgType/findOrgTypeList',
		dataType: 'json',
		data:{'state': 0},	//查询状态为正常的所有机构类型
		type: 'post',
		success: function (data) {
			$.each(data.data, function (index, item) {
				$('#otype').append(new Option(item.orgTypeName, item.id));// 下拉菜单里添加元素
			});
			layui.form.render("select");
		}
	})

上面的#otype 就是你的按钮
item.orgTypeName的 点出你的字段
四、页面显示效果

五、后台传回对应的集合


原文链接:https://blog.csdn.net/weixin_42189604/article/details/88797833

dao层dao
serviceLayui动态从数据库获取下拉框列表数据_第1张图片
c层
Layui动态从数据库获取下拉框列表数据_第2张图片

你可能感兴趣的:(Layui动态从数据库获取下拉框列表数据)