在实现编辑功能时,我们需要显示数据对应的下拉框或按钮的值,这时我们需要将数据回显到我们的标签里。
//HTML代码
<div class="layui-form-lable">
<label class="layui-input-lable">世界上最好的语言</lable>
<div class="layui-input-block">
<select id="parentid">
<option value="1">C语言</option>
<option value="2">C#</option>
<option value="3">中文</option>
</select>
</div>
</div>
//js代码
//编辑页面时,对下拉框数据回显
$("#parentid").each(function() {
// this代表的是<option></option>,对option再进行遍历
$(this).children("option").each(function() {
// 判断需要对那个选项进行回显
if (this.value == pId) {
// 进行回显
$(this).attr("selected","selected");
}
});
form.render(); 一定要加这句,重新渲染表单,否转值不显示
})
})