现在有两个select单选条
触发事件打开弹窗同时获取所有博客分类,然后在选择博客后,根据博客分类获取得到对应的博客标题options并增加到博客标题select单选框
关键的js代码:
//获取分类
$.ajax({
url: '/ajax/getAllCatas',
dataType: 'json',
type: 'get',
headers : {
Authorization: '[[${session.token}]]'
},
async:false,
success: function (res) {
optionforcata = "";
optionforboke = "";
if (res.code == 0){
for(var i in res.data){
optionforcata += "<option value='"+res.data[i]['id']+"'>"+res.data[i]['name']+"</option>";
}
}else {
optionforcata += "<option value='0'>"+"权限不够"+"</option>";
}
$("[name='c_id']").append(optionforcata);
form.render("select");
}
})
//通过分类获取博客(二级联动的应用)
form.on('select(c_id)', function(data) {
$.ajax({
type : 'POST',
url : '/ajax/FindBokeByCata',
data : {
'c_id' : $("#c_id").val()
},
dataType : 'json',
success : function(res) {
optionforcata = "";
optionforboke = "";
//empty() 方法从被选元素移除所有内容
$("#b_id").empty();
if (res.code == 0){
for(var i in res.data){
optionforboke += "<option value='"+res.data[i]['id']+"'>"+res.data[i]['title']+"</option>";
}
}else {
optionforboke += "<option value='0'>"+"权限不够"+"</option>";
}
$("[name='b_id']").append(optionforboke);
//重新刷新下拉框
form.render('select'); //重新渲染
}
});
});