市縣鄉村四級級聯（MINIUI實現）

2021-10-10 09:44:58 字數 2298 閱讀 2112

一、前端頁面實現


行政區劃資訊


市（省管縣）


縣（區）


鄉鎮（街道）


*                村（社群）


*            


組        


mini.parse();


var city = mini.get("city");


var county = mini.get("county");


var country = mini.get("country");


var village = mini.get("village");


var group = mini.get("group");


var xzqhxx =new mini.form("#xzqhxx");//


$(document).ready(function()/common/querysxxc?id="+provincebm;


city.seturl(url);


//獲取集合下標，給登入使用者缺省市級單位


var index = getmapsubscript(city.data,citybm);


city.select(index);


var id = city.getvalue();


oncitychanged(id);


});//選中市


function oncitychanged(e) /common/querysxxc?id="+id;


county.seturl(url);


if(countybm==""||countybm==null)else


var id = county.getvalue();


oncountychanged(id);


}else/common/querysxxc?id="+id;


country.seturl(url);


if(countybm==""||countybm==null)else


var id = country.getvalue();


oncountrychanged_sgx(id);


}if(sbjandqx=="1")/common/querysbjandqx?id="+id;


county.setvalue("");


county.seturl(url);


county.setenabled(true);}};


//鄉function oncountrychanged_sgx(e) /common/querysxxc?id="+id;


village.seturl(url);


if(villagebm==""||villagebm==null)else


}else


var id = village.getvalue();


onvillagechanged(id);


};//選中縣


function oncountychanged(e) /common/querysxxc?id="+id;


country.seturl(url);


if(countrybm==""||countrybm==null)else


var id = country.getvalue();


oncountrychanged(id);


};//鄉


function oncountrychanged(e) /common/querysxxc?id="+id;


village.seturl(url);


if(villagebm==""||villagebm==null)else


var id = village.getvalue();


onvillagechanged(id);


};//村


function onvillagechanged(e) /common/querysxxc?id="+id;


group.seturl(url);


group.select(0);


};//獲取下標


function getmapsubscript(map,value)


備註：該下拉是通過mini-combobox來實現的有缺點也有優點，缺點是不能實現聯想查詢，優點是如果id不同，姓名相同時，選中那個姓名獲取那個id  mini-comselect來實現的有缺點也有優點，優點能實現聯想查詢，缺點是如果id不同，姓名相同時，選中姓名相同時永遠獲取第乙個id值


下拉格式如下 例如：


焦作區縣


var jzqx= [,


];

四級聯動選單

找到乙個，很好用，別忘了把其中的 和 替換成 和 懶了一下下，大家自己替換吧！form name frm select name school nchange mulselect 1 select select name department nkeypress sortme this nchang...

jQuery java實現四級級聯選單

document ready function else str str tmp searchdlprd html str var flval prdflcode val 分類 getjson loadflprdclassservlet?bigcode cruval,function data el...

前端HTML JS實現四級聯動

一 js 建立乙個xmlhttp 物件 選這個option後 想要的option能級聯 function getoptionbyid val business screening ziji.action?var data parentid val.value 傳入後台的引數 selid val.id...