首页 > 代码库 > easyui combobox 三级级联 input 两种实现
easyui combobox 三级级联 input 两种实现
/**<img src=http://www.mamicode.com/‘${pageContext.request.contextPath}/images/block.png‘/>"input[id^=‘area_‘]").css({"height":"39px","width":"250px"}); var city = "",district = ""; $(‘#area_province‘).combobox({ valueField:‘id‘, textField:‘name‘, editable:false, url:postPath+"/bisProvince/getBisProvinces", method:"get", formatter:function(row){ return "<img class=‘item-img‘ src=http://www.mamicode.com/‘"+postPath+"/images/block.png‘/> <span class=‘item-text‘>"+row.name+"</span>"; }, onLoadSuccess:function(){ /*if($("#provinceId").val() != null){ $(this).combobox("select",$("#provinceId").val()); }*/ }, onChange:function(provinceId, oldValue){ $.get(postPath+"/bisCity/getBisCitys/"+provinceId,function(data){ city.combobox("clear").combobox(‘loadData‘,data); district.combobox("clear"); },‘json‘); } }); city = $(‘#area_city‘).combobox({ valueField:‘id‘, textField:‘name‘, editable:false, panelHeight:"auto", formatter:function(row){ return "<img class=‘item-img‘ src=http://www.mamicode.com/‘"+postPath+"/images/block.png‘/> <span class=‘item-text‘>"+row.name+"</span>"; }, onLoadSuccess:function(){ /*if($("#cityId").val() != null){ $(this).combobox("select",$("#cityId").val()); }*/ }, onChange:function(cityId, oldValue){ $.get(postPath+"/bisDistrict/getBisDistricts/"+cityId,function(data){ district.combobox("clear").combobox(‘loadData‘,data); },‘json‘); } }); district = $(‘#area_district‘).combobox({ valueField:‘id‘, textField:‘name‘, editable:false, panelHeight:"auto", formatter:function(row){ return "<img class=‘item-img‘ src=http://www.mamicode.com/‘"+postPath+"/images/block.png‘/> <span class=‘item-text‘>"+row.name+"</span>"; }, onLoadSuccess:function(){ /*if($("#districtId").val() != null){ $(this).combobox("select",$("#districtId").val()); }*/ }, }); }); /*$(function(){ $.get(postPath+"/bisProvince/getBisProvinces",function(datas){ var option = "<option value=http://www.mamicode.com/‘ ‘>-- 请选择 --"; $.each(datas, function(i) { if($("#provinceId").val() == datas[i].id){ option += "<option value=http://www.mamicode.com/‘"+datas[i].id+"‘ selected>"+datas[i].name+"</option>"; }else{ option += "<option value=http://www.mamicode.com/‘"+datas[i].id+"‘>"+datas[i].name+"</option>"; } }); $("#province").html(option); }); if($("#cityId").val() != null && $("#cityId").val() != ""){ loadCity($("#provinceId").val()); } }); *//** * @param 载入城市 * @param provinceId 省市 ID *//* function loadCity(provinceId){ $("#provinceId").val(provinceId); $.get(postPath+"/bisCity/getBisCitys/"+provinceId,function(datas){ var option = "<option value=http://www.mamicode.com/‘ ‘>-- 请选择 --"; $.each(datas, function(i) { if($("#cityId").val() == datas[i].id){ option += "<option value=http://www.mamicode.com/‘"+datas[i].id+"‘ selected>"+datas[i].name+"</option>"; }else{ option += "<option value=http://www.mamicode.com/‘"+datas[i].id+"‘>"+datas[i].name+"</option>"; } }); $("#city").html(option); }); if($("#districtId").val() != null && $("#districtId").val() != ""){ loadDistrict($("#cityId").val()); } } *//** * @param 载入区域 * @param cityId 城市 ID *//* function loadDistrict(cityId){ $("#cityId").val(cityId); $.get(postPath+"/bisDistrict/getBisDistricts/"+cityId,function(datas){ if(datas != null && datas != ""){ var option = "<option value=http://www.mamicode.com/‘ ‘>-- 请选择 --"; $.each(datas, function(i) { if($("#districtId").val() == datas[i].id){ option += "<option value=http://www.mamicode.com/‘"+datas[i].id+"‘ selected>"+datas[i].name+"</option>"; }else{ option += "<option value=http://www.mamicode.com/‘"+datas[i].id+"‘>"+datas[i].name+"</option>"; } }); $("#district").html(option); } }); } $("#district").change(function(){ $("#districtId").val($("#district").val()); }); $("#city").change(function(){ //$("#cityId").val($("#city").val()); loadDistrict($("#city").val()); }); $("#province").change(function(){ $("#cityId").val(""); $("#district").empty(); loadCity($("#province").val()); }); */
easyui combobox 三级级联 input 两种实现
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。