<script language="JavaScript" type="text/javascript">
//ChangeSelect(ä¸ä¸çº§çå¼,ä¸ä¸çº§Selectæ§ä»¶çIDå¼,ä¸ä¸çº§Selectæ§ä»¶è¦éä¸çå¼(å³valueèétext),æ°æ®æºæ°ç»å,é»è®¤æ¾ç¤ºå符(å¦:请éæ©...å¦æä¸åçè¯ä¼ç¨é»è®¤å¼å¡«å
))ï¼ç¬¬ä¸çº§çä¸çº§å¼ä¸º0
function ChangeSelect(ParentValue, NextId, NextSelectedValue, ArrObj,DefaultStr)
{
StrObj = eval(document.getElementById(NextId));
StrObj.length = 0;
//å¤æå®æ¯äºçº§æ°æ®æºï¼è¿æ¯ä¸çº§
if (ArrObj.length > 0)
{
if (ArrObj[0].length == 2)
{ArrNum = 0;}
else
{ArrNum = 2;}
}
//æ¾ç¤ºææå表
for (i = 0; i < ArrObj.length; i++)
{
if (i == 0)
{
if (DefaultStr == undefined ) DefaultStr="==请éæ©==";
StrObj.options[StrObj.length] = new Option(DefaultStr, "");
}
if (ArrObj[i][1] == ParentValue)
{
StrObj.options[StrObj.length] = new Option(ArrObj[i][0],ArrObj[i][ArrNum]);
}
}
//éä¸å表å
æä¸é¡¹
for (i = 0; i < StrObj.length; i++)
{
if (StrObj.options[i].value == NextSelectedValue)
{
StrObj.options[i].selected = true;
}
}
//æ¿åä¸ä¸çº§çonchangeäºä»¶ä»¥å®ç°å¤çº§çº§è
StrObj.onchange();
}
//å
¬å¸äºç»´æ°ç»æ°æ®æº
Office = [
["CategoryName","ParentCategoryName"],
["ä¸å¡é¨","0"],
["ææ¯é¨","0"],
["å¸åºé¨","0"],
["ä¸å¡é¨å°æ³","ä¸å¡é¨"],
["ä¸å¡é¨å°æ¨","ä¸å¡é¨"],
["ä¸å¡é¨å°è","ä¸å¡é¨"],
["ææ¯é¨èæ³","ææ¯é¨"],
["ææ¯é¨èæ¨","ææ¯é¨"],
["ææ¯é¨èè","ææ¯é¨"],
["å¸åºé¨æ³å
ç","å¸åºé¨"],
["å¸åºé¨æ¨å
ç","å¸åºé¨"],
["å¸åºé¨èé¸","å¸åºé¨"]
]
//çå¸äºç»´æ°ç»æ°æ®æº
City2 = [
["CategoryName","ParentCategoryName"],
["山西ç","0"],
["æ²³åç","0"],
["太åå¸","山西ç"],
["è¿åå¸","山西ç"],
["ç³å®¶åº","æ²³åç"],
["å»æ¿","æ²³åç"]
]
//çå¸ä¸ç»´æ°ç»æ°æ®æº
City3 = [
["CategoryName","ParentId","Id"],
["å京","0","010"],
["山西","0","0359"],
["æé³åº","010","001"],
["æµ·æ·åº","010","002"],
["è±ååº","001","101"],
["åéå ¡","001","102"],
["ä¸å
³æ","002","201"],
["ä¸å°","002","202"],
["è¿åå°åº","0359","301"],
["太åå¸","0359","302"],
["æ°¸æµå¸","301","311"],
["å°åº","302","312"]
];
</script>
<select id="office1" onchange="ChangeSelect(this.value,'office2','',Office,'==人å==')" style="width:100px"></select>
<select id="office2" onchange="" style="width:100px"></select>
<script language="JavaScript" type="text/javascript">ChangeSelect('0','office1','',Office,'==é¨é¨==') </script>
<br />
<select id="City001" onchange="ChangeSelect(this.value,'City002','',City2)" style="width:100px"></select>
<select id="City002" onchange="" style="width:100px"></select>
<script language="JavaScript" type="text/javascript">ChangeSelect('0','City001','',City2) </script>
<br />
<select id="City3001" onchange="ChangeSelect(this.value,'City3002','',City3)" style="width:100px"></select>
<select id="City3002" onchange="ChangeSelect(this.value,'City3003','',City3)" style="width:100px"></select>
<select id="City3003" onchange="" style="width:100px"></select>
<script language="JavaScript" type="text/javascript">ChangeSelect('0','City3001','0359',City3) </script>
<br />
温馨提示:答案为网友推荐,仅供参考