使用JavaScript怎么实现一个级联算法

tangjin

作者

这篇文章给大家介绍使用JavaScript怎么实现一个级联算法，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。

具体如下：

<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.01Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>LinkDemo</title>
<scriptsrc="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
</script>
<scripttype="text/javascript">
varshengshiString="1_山东省-11_德州市+12_青岛市+13_济南市~2_河北省-21_邯郸市*211_临漳县/212_磁县+22_石家庄市*221_定县/222_宁县+23_保定市";
$(document).ready(function(){
init();
});
functioninit(){
varshengArray=shengshiString.split("~");
for(vari=0;i<shengArray.length;i++){
varsheng=shengArray[i].split("-")[0];
varshi=shengArray[i].split("-")[1];
varshengid=sheng.split("_")[0];
varshengName=sheng.split("_")[1];
varNewoption=$("<option></option>");
$(Newoption).val(shengid);
$(Newoption).text(shengName);
$("#sheng").append(Newoption);
if(i==0){
shengchange(shengid);
}
}
}
functionshengchange(shengidparam){
$("#shi").empty();
varshengArray=shengshiString.split("~");
for(vari=0;i<shengArray.length;i++){
varshengString=shengArray[i].split("-")[0];
varshiString=shengArray[i].split("-")[1];
varshengId=shengString.split("_")[0];
if(shengidparam==shengId){
varshiArray=shiString.split("+");
for(varj=0;j<shiArray.length;j++){
varshistring=shiArray[j].split("*")[0];
varshi=shistring;
varshiId=shi.split("_")[0];
varshiName=shi.split("_")[1];
varNewoption=$("<option></option>");
$(Newoption).val(shiId);
$(Newoption).text(shiName);
$("#shi").append(Newoption);
if(shiName=="邯郸市"||shiName=="石家庄市"){
shichange(shiId);
}
}
}
}
}
functionshichange(shiidparam){
$("#xian").empty();
varshengArray=shengshiString.split("~");
for(vari=0;i<shengArray.length;i++){
varshengString=shengArray[i].split("-")[0];
varshiString=shengArray[i].split("-")[1];
varshengId=shengString.split("_")[0];
varshiArray=shiString.split("+");
for(varj=0;j<shiArray.length;j++){
varshistring=shiArray[j].split("*")[0];
varxianarray=shiArray[j].split("*")[1];
varshi=shistring;
varshiId=shi.split("_")[0];
varshiName=shi.split("_")[1];
if(shiId==shiidparam){
varxian=xianarray.split("/");
for(vars=0;s<xian.length;s++){
varxianId=xian[s].split("_")[0];
varxianName=xian[s].split("_")[1];
varNewoption=$("<option></option>");
$(Newoption).val(xianId);
$(Newoption).text(xianName);
$("#xian").append(Newoption);
}
}
}
}
}
</script>
</head>
<body>
<selectid="sheng"onchange="shengchange(this.value)">
</select>
<selectid="shi"onchange="shichange(this.value)">
</select>
<selectid="xian">
</select>
</body>
</html>

运行效果：