HTML代码
<div class="layui-form-item" style="width: 100%">
<label class="layui-form-label" style="width: 150px">冒泡屏蔽规则:</label>
<div class="layui-input-inline" style="width: 290px">
<select lay-filter="demo" lay-verify="required" id="blocking_rules"
class="form-control chosen-select"
name="blocking_rules">
</select>
</div>
</div>
js中代码
function shieldButton(){
var html = "";
$.ajax({
type:'get',
url:'/common/dict/list/blocking_rules',
dataType:'json',
success:function(data){
//加载数据
for (var i = 0; i < data.length; i++) {
html += '<option value="' + data[i].sort + '">' + data[i].name + '</option>'
}
$(".chosen-select").append(html);
//渲染select框(重要)
layui.form.render('select');
}
});
}
数据格式
[
{
"id": 124,
"name": "不屏蔽(除非用户已订购该产品,否则每天进行推送)",
"value": "1",
"type": "blocking_rules",
"description": "冒泡屏蔽规则",
"sort": 1,
"parentId": null,
"createBy": null,
"createDate": null,
"updateBy": null,
"updateDate": null,
"remarks": "",
"delFlag": null
},
{
"id": 123,
"name": "“返回”键屏蔽(用户接收冒泡后点击返回按钮,则为该用户屏蔽该冒泡)",
"value": "0",
"type": "blocking_rules",
"description": "冒泡屏蔽规则",
"sort": 0,
"parentId": null,
"createBy": null,
"createDate": null,
"updateBy": null,
"updateDate": null,
"remarks": "屏蔽规则",
"delFlag": null
}
]