您的位置:首页 > Web前端

多级下拉列表默认触发下拉事件加载数据

2018-03-22 11:22 525 查看
jQuery.get("./getProvinceList",{},function(data){
console.log();
var list = data.data.list;
var html = "<option value='0' disabled='disabled'>省</option>";
for(var i=0;i<list.length;i++){
html += "<option value='"+list[i].id+"'>"+list[i].text+"</option>";
}
$("#province").html(html);
//写入默认值,
if(load){
$("#province").val(${entity.province});
//触发下拉事件
$('#province').trigger('change');
}
},"json");
//省改变加载市
$("#province").change(function(){
//省改变其它默认初始化
$("#lawyerStation").html("<option value='-1' disabled='disabled' selected='selected'>请选择律师事务所</option>");
$("#county").html("<option value='0' disabled='disabled' selected='selected'>区县</option>");
$("#otherCounty").attr("hidden",true);
$("#otherLawyerStation").attr("hidden",true);

ProvinceId = this.value;
jQuery.get("./cityListByProvinceId",{ProvinceId:ProvinceId},function(data){
var list = data.data.list;
var html = "<option value='0' disabled='disabled' selected='selected'>地级市</option>";
for(var i=0;i<list.length;i++){
html += "<option value='"+list[i].id+"'>"+list[i].text+"</option>";
}
$("#city").html(html);
//写入默认值,
if(load){
$("#city").val(${entity.city});
//触发下拉事件
$('#city').trigger('change');
}
},"json");
})
关键是val(),change(),trigger('change')三个函数的使用
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  前端 级联下拉
相关文章推荐