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

2022年6月12日11:49:57

问题描述:

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

解决方案:

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

具体代码:

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

结果可以显示出来:

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

  • 作者:豪华手抓饼
  • 原文链接:https://blog.csdn.net/lihaogn/article/details/86319940
    更新时间:2022年6月12日11:49:57 ,共 534 字。