layui动态更新select不显示内容解决方案,ajax动态添加option

问题描述:

—> 使用layui前端框架时,在使用ajax为select动态添加option时,会出现option内容不显示的问题

解决方案:

—> 执行 form.render(type,filter) 方法

具体代码:

$(function(){
		// 异步加载菜品种类数据
		$.post(
			"${pageContext.request.contextPath}/foodCategoryListAjax",
			function(data){
				var content = "";
				for(var i=0;i<data.length;i++){
					// console.log(data[i]);
					content+="+data[i].fcwc_name+""
					// console.log(content);
				}
				$("#foodCookCategory").html(content);
				layui.use('form',function(){
					var form=layui.form;
					form.render("select");
				})
			},
			"json"
		);

结果可以显示出来:

layui动态更新select不显示内容解决方案,ajax动态添加option_第1张图片

你可能感兴趣的:(问题记录)