<!doctype html>
<html>
<head>
<title></title>
<meta charset = "utf-8"/>
</head>
<style>
</style>
<body>
<select id="one">
<option value="">请选择省份</option>
</select>
<select id="two">
<option value="">请选择城市</option>
</select>
<select id="three">
<option value="">请选择区域</option>
</select>
<script type="text/javascript" src="js/jquery-1.12.0.js"></script>
<script type="text/javascript">
/*
1.搭建框架
2.给省份和城市绑定change事件
*/
$(function(){
var province = [
{"name" : "广东省" ,
"city" : [
{
"name" : "广州市" ,
"area" : ["越秀区","荔湾区","海珠区","天河区,白云区"]
},
{
"name" : "深圳市" ,
"area" : ["福田区","罗湖区","南山区","宝安区","龙岗区"]
}
]
},
{"name" : "浙江省" ,
"city" : [
{
"name" : "杭州市" ,
"area" : ["上城区","下城区","江干区","西湖区"]
},
{
"name" : "丽水" ,
"area" : ["莲都区","松阳县","遂昌县","云和县"]
}
]
},
{"name" : "江西省" ,
"city" : [
{
"name" : "南昌市" ,
"area" : ["东湖区","西湖区","青云谱区","湾里区"]
},
{
"name" : "九江市" ,
"area" : ["浔阳区","庐山区","瑞昌市","九江县"]
},
{
"name" : "赣州市" ,
"area" : ["章贡区","南康区","上犹县","赣县"]
}
]
},
]
// 二级联动
$("#two").change(function(){
var one_index = $("#one option:selected").index()
var two_index = $("#two option:selected").index()
var three = $("#three")
three.empty().append("<option>请选择区域</option>")
if(two_index > 0){
var area = province[one_index-1].city[two_index-1].area
for(var i = 0 i < area.length i++){
three.append("<option>"+area[i]+"</option>")
}
}
})
// 一级联动
$("#one").change(function(){
var one_index = $("#one option:selected").index()
var two = $("#two")
console.log(one_index)
two.empty().append("<option>请选择城市</option>")
$("#three").empty().append("<option>请选择区域</option>")//清除
if(one_index > 0){
var city = province[one_index-1].city
console.log(province[one_index-1].city)
for(var i = 0 i < city.length i++){
two.append("<option>"+city[i].name+"</option>")
}
}
})
init()
function init(){
for(var i = 0 i < province.length i++){
$("#one").append("<option>"+province[i].name+"</option>")
}
}
})
</script>
</body>
</html>
有的，在天琥学院培训效果还可以，可以去的。
天琥教育是联合业界经验丰富的专家打造的全新培训机构。是以电脑应用，电脑设计类为主的培训基地，是国家优秀设计师实训基地。地处广州市高新科技中心天河区，紧邻天河城、太平洋电脑城、华南师范大学、暨南大学。
以“专注互联网视觉教育”为发展定位，围绕“做负责任的教育，实现学员价值”的初心，把经验传递给有梦想的人，培养互联网设计领域的实战应用型人才。
在天琥教育总部，拥有一支30人的课程研发团队，紧随互联网时代和设计潮流，每年对课程进行升级，给全国学员提供不断更新的、紧跟设计前沿的课程产品。在全国80个网点有800多名设计名师，拥有丰富的教学经验和设计经验。
百校讲坛
天琥自成立以来，一直把“把经验传递给有梦想的人”作为自己的担当和责任。天琥通过邀请国内外设计讲师，举办丰富的学术讲座，为高等艺术院校的学员传播前沿的设计理念，并提供设计学习指导，让更多人感受设计的价值和魅力。百校讲座自启动以来，已进驻全国数百所高等院校。
以上内容参考：百度百科——天琥教育
