怎么用jquery实现二级联动
展开全部
你好!
下面是个简单的小例子,仅供参考:
<script type="text/javascript">
$(document).ready(function(){
var data={
"liaoning":{
"210100000000":"沈阳市",
"210200000000":"大连市",
"210300000000":"鞍山市"
},
"heilongjiang":{
"230100000000":"哈尔滨市",
"230200000000":"齐齐哈尔市",
"230300000000":"鸡西市"
}
};
$("#aa").change(function(){
if(this.value==0){
$("#bb").empty();
} else {
for(var key in data){
if(key==this.value){
$("#bb").empty();
for(var kkey in data[this.value]){
$("<option />").attr("value",kkey).text(data[this.value][kkey]).appendTo($("#bb"));
}
}
}
}
});
});
</script>
</head>
<body>
<select id="aa">
<option value="0">请选择省</option>
<option value="liaoning">辽宁</option>
<option value="heilongjiang">黑龙江</option>
</select>
<select id="bb">
</select>
</body>
希望对你有帮助!
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询