jQuery二级联动借鉴学习
Posted byeno
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jQuery二级联动借鉴学习相关的知识，希望对你有一定的参考价值。
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="Content-Type" content="text/html;charset=gb2312" />
<title>jQuery二级联动</title>
<script type="text/javascript" src="js/jquery-1.11.3.js">
</script>
<script type="text/javascript" src="Selectdata.js"></script>
<style>
#company {
display: none;
}
</style>
</head>
<body>
<select id="city">
<option value="0">----请选择省份----</option>
<option value="CD">成都市</option>
<option value="ZG">自贡市</option>
<option value="PZH">攀枝花市</option>
<option value="LZ">泸州市</option>
<option value="DY">德阳市</option>
<option value="MY">绵阳市</option>
<option value="GY">广元市</option>
<option value="SN">遂宁市</option>
<option value="NJ">内江市</option>
<option value="LS">乐山市</option>
<option value="NC">南充市</option>
<option value="MS">眉山市</option>
<option value="YB">宜宾市</option>
<option value="GA">广安市</option>
<option value="DZ">达州市</option>
<option value="YA">雅安市</option>
<option value="BZ">巴中市</option>
<option value="ZY">资阳市</option>
<option value="ABZZQZZZZ">阿坝藏族羌族自治州</option>
<option value="GZZZZZZ">甘孜藏族自治州</option>
<option value="LSYZZZZ">凉山彝族自治州</option>
</select>
<select id="company">
</select>
</body>
<script type="text/javascript">
function addList(data) {
$("#company").show();
$("#company").html("");
for(var x = 0; x < data.length; x++) {
var PBoption = '<option value="' + data[x].COMPANY_ID + '">' + data[x].NAME + '</option>'
$("#company").append(PBoption);
}
}
$(document).ready(function() {
$("#city").change(function() {
$("#city>option").each(function(i, o) {
var index = $("#city").val();
switch(index) {
case "CD":
addList(CD);
break;
case "ZG":
addList(ZG);
break;
case "PZH":
addList(PZH);
break;
case "LZ":
addList(LZ);
break;
case "DY":
addList(DY);
break;
case "MY":
addList(MY);
break;
case "GY":
addList(GY);
break;
case "SN":
addList(SN);
break;
case "NJ":
addList(NJ);
break;
case "LS":
addList(LS);
break;
case "NC":
addList(NC);
break;
case "MS":
addList(MS);
break;
case "YB":
addList(YB);
break;
case "GA":
addList(GA);
break;
case "DZ":
addList(DZ);
break;
case "YA":
addList(YA);
break;
case "BZ":
addList(BZ);
break;
case "ZY":
addList(ZY);
break;
case "ABZZQZZZZ":
addList(ABZZQZZZZ);
break;
case "GZZZZZZ":
addList(GZZZZZZ);
break;
case "LSYZZZZ":
addList(LSYZZZZ);
break;
default:
$("#company").hide();
break;
}
});
});
$("#province").change();
});
</script></html>
链接：http://pan.baidu.com/s/1kUHfq9T 密码：8cyn
以上是关于jQuery二级联动借鉴学习的主要内容，如果未能解决你的问题，请参考以下文章