<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="myapp" ng-controller="ctrl">
<script>
var app=angular.module("myapp",[]);
app.controller("ctrl",function($scope){
$scope.items=0;
//一级数据
$scope.addre1="北京·天津·河北·山西·内蒙·辽宁·吉林·黑龙江·上海·江苏·浙江·安徽·福建·江西·山东·河南·湖北·湖南·广东·广西·海南·重庆·四川·贵州·云南·西藏·陕西·甘肃·青海·宁夏·新疆·台湾".split("·");
//二级数据
$scope.addm1="东城区,西城区,崇文区,宣武区,朝阳区,海淀区,丰台区,通州区 ,顺义区,房山区,石景山区 ,门头沟区".split(",");
$scope.addm2="和平区,河东区,南开区 ,河西区 ,河北区 ,红桥区 ,塘沽区,汉沽区 大港区 ,东丽区 ,西青区,津南区 ,北辰区".split(",");
$scope.addm3="石家庄 邢台 邯郸 衡水 沧州 保定 廊坊 张家口 承德 唐山 秦皇岛".split(" ");
$scope.addm4="太原 阳泉 朔州 大同 长治 晋城".split(" ");
$scope.addm5="呼和浩特包头 乌海 赤峰".split(" ");
$scope.addm6="沈阳 盘锦 锦州 葫芦岛 朝阳 阜新 铁岭 抚顺 本溪 丹东 辽阳 鞍山 营口 大连".split(" ");
$scope.addm7="长春 四平 白城 松原 吉林 辽源 通化 白山".split(" ");
$scope.addm8="哈尔滨 大庆 齐齐哈尔黑河 伊春 牡丹江 鸡西 鹤岗 佳木斯 双鸭山 七台河".split(" ");
$scope.addm9="黃浦区 南市区 卢湾区 徐汇区 长宁区 静安区 普陀区 闸北区 虹口区 杨浦区 闵行区 宝山区 嘉定区 浦东新区 金山区 松江区".split(" ");
$scope.addm10="南京 镇江 常州 无锡 苏州 扬州 泰州 南通 盐城 淮阴 宿迁 连云港 徐州".split(" ");
$scope.addm11="杭州 嘉兴 湖州 绍兴 宁波 舟山 金华 衢州 台州 温州".split(" ");
$scope.addm12="合肥 滁州 蚌埠 淮南 淮北 阜阳 安庆 芜湖 马鞍山 铜陵 黄山".split(" ");
$scope.addm13="福州 莆田 泉州 南平 三明 龙岩 漳州 厦门".split(" ");
$scope.addm14="南昌 鹰潭 景德镇 九江 新余 萍乡".split(" ");
$scope.addm15="济南 德州 聊城 东营 淄博 潍坊 青岛 烟台 威海 济宁 泰安 莱芜 日照 临沂 枣庄".split(" ");
$scope.addm16="郑州 新乡 鹤壁 安阳 濮阳 开封 商丘 焦作 洛阳 三门峡 平顶山 南阳 许昌 漯河 信阳".split(" ");
$scope.addm17="武汉 黄冈 鄂州 黄石 孝感 襄樊 十堰 荆门 荆州 宜昌".split(" ");
$scope.addm18="长沙 岳阳 株洲 衡阳 郴州 永州 湘潭 邵阳 怀化 益阳 常德 张家界".split(" ");
$scope.addm19="广州 东莞 深圳 惠州 汕尾 汕头 揭阳 潮州 梅州 河源 韶关 清远 佛山 江门 中山 珠海 肇庆 云浮 阳江 茂名 湛江".split(" ");
$scope.addm20="南宁 钦州 防城港 北海 贵港 玉林 梧州 柳州 桂林".split(" ");
$scope.addm21="海口 三亚".split(" ");
$scope.addm22="渝中区 江北区 南岸区 沙坪坝区 九龙坡区 大渡口区 巴南区 北碚区 双桥区 万盛区 渝北区 涪陵区 万州区".split(" ");
$scope.addm23="海口 三亚成都 德阳 绵阳 广元 遂宁 南充 广安 内江 自贡 泸州 宜宾 乐山 攀枝花".split(" ");
$scope.addm24="贵阳 六盘水 遵义".split(" ");
$scope.addm25="昆明 东川 曲靖 玉溪".split(" ");
$scope.addm26=["拉萨"];
$scope.addm27="西安 渭南 铜川 延安 咸阳 宝鸡 汉中".split(" ");
$scope.addm28="兰州 天水 白银 金昌 嘉峪关".split(" ");
$scope.addm29=["西宁"];
$scope.addm30="银川 石嘴山 吴忠".split(" ");
$scope.addm31="乌鲁木齐 克拉玛依".split(" ");
$scope.addm32="台北 基隆 新竹 台中 嘉义 台南 高雄".split(" ");
//二级数据源
$scope.addre2=[$scope.addm1,$scope.addm2,$scope.addm3,$scope.addm4,$scope.addm5,$scope.addm6,$scope.addm7,$scope.addm8,$scope.addm9,$scope.addm10,$scope.addm11,$scope.addm12,$scope.addm13,$scope.addm14,$scope.addm15,$scope.addm16,$scope.addm17,$scope.addm18,$scope.addm19,$scope.addm20,$scope.addm1,$scope.addm21,$scope.addm1,$scope.addm22,$scope.addm23,$scope.addm24,$scope.addm25,$scope.addm26,$scope.addm27,$scope.addm28,$scope.addm29,$scope.addm30,$scope.addm31,$scope.addm32];
//
$scope.chen=function(){
for(i1 in $scope.addre1){
if($scope.addre1[i1]==$scope.selecte1){
$scope.items=i1;
break;
}
}
}
});
</script>
<select ng-model="selecte1" ng-init="selecte1=addre1[0]" ng-options="x for x in addre1" ng-change="chen()"></select>
<select ng-model="selecte2" ng-init="selecte2=addre2[0][0]" ng-options="x for x in addre2[items]"></select>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></script>
</head>
<body ng-app="myapp" ng-controller="ctrl">
<script>
var app=angular.module("myapp",[]);
app.controller("ctrl",function($scope){
$scope.items=0;
//一级数据
$scope.addre1="北京·天津·河北·山西·内蒙·辽宁·吉林·黑龙江·上海·江苏·浙江·安徽·福建·江西·山东·河南·湖北·湖南·广东·广西·海南·重庆·四川·贵州·云南·西藏·陕西·甘肃·青海·宁夏·新疆·台湾".split("·");
//二级数据
$scope.addm1="东城区,西城区,崇文区,宣武区,朝阳区,海淀区,丰台区,通州区 ,顺义区,房山区,石景山区 ,门头沟区".split(",");
$scope.addm2="和平区,河东区,南开区 ,河西区 ,河北区 ,红桥区 ,塘沽区,汉沽区 大港区 ,东丽区 ,西青区,津南区 ,北辰区".split(",");
$scope.addm3="石家庄 邢台 邯郸 衡水 沧州 保定 廊坊 张家口 承德 唐山 秦皇岛".split(" ");
$scope.addm4="太原 阳泉 朔州 大同 长治 晋城".split(" ");
$scope.addm5="呼和浩特包头 乌海 赤峰".split(" ");
$scope.addm6="沈阳 盘锦 锦州 葫芦岛 朝阳 阜新 铁岭 抚顺 本溪 丹东 辽阳 鞍山 营口 大连".split(" ");
$scope.addm7="长春 四平 白城 松原 吉林 辽源 通化 白山".split(" ");
$scope.addm8="哈尔滨 大庆 齐齐哈尔黑河 伊春 牡丹江 鸡西 鹤岗 佳木斯 双鸭山 七台河".split(" ");
$scope.addm9="黃浦区 南市区 卢湾区 徐汇区 长宁区 静安区 普陀区 闸北区 虹口区 杨浦区 闵行区 宝山区 嘉定区 浦东新区 金山区 松江区".split(" ");
$scope.addm10="南京 镇江 常州 无锡 苏州 扬州 泰州 南通 盐城 淮阴 宿迁 连云港 徐州".split(" ");
$scope.addm11="杭州 嘉兴 湖州 绍兴 宁波 舟山 金华 衢州 台州 温州".split(" ");
$scope.addm12="合肥 滁州 蚌埠 淮南 淮北 阜阳 安庆 芜湖 马鞍山 铜陵 黄山".split(" ");
$scope.addm13="福州 莆田 泉州 南平 三明 龙岩 漳州 厦门".split(" ");
$scope.addm14="南昌 鹰潭 景德镇 九江 新余 萍乡".split(" ");
$scope.addm15="济南 德州 聊城 东营 淄博 潍坊 青岛 烟台 威海 济宁 泰安 莱芜 日照 临沂 枣庄".split(" ");
$scope.addm16="郑州 新乡 鹤壁 安阳 濮阳 开封 商丘 焦作 洛阳 三门峡 平顶山 南阳 许昌 漯河 信阳".split(" ");
$scope.addm17="武汉 黄冈 鄂州 黄石 孝感 襄樊 十堰 荆门 荆州 宜昌".split(" ");
$scope.addm18="长沙 岳阳 株洲 衡阳 郴州 永州 湘潭 邵阳 怀化 益阳 常德 张家界".split(" ");
$scope.addm19="广州 东莞 深圳 惠州 汕尾 汕头 揭阳 潮州 梅州 河源 韶关 清远 佛山 江门 中山 珠海 肇庆 云浮 阳江 茂名 湛江".split(" ");
$scope.addm20="南宁 钦州 防城港 北海 贵港 玉林 梧州 柳州 桂林".split(" ");
$scope.addm21="海口 三亚".split(" ");
$scope.addm22="渝中区 江北区 南岸区 沙坪坝区 九龙坡区 大渡口区 巴南区 北碚区 双桥区 万盛区 渝北区 涪陵区 万州区".split(" ");
$scope.addm23="海口 三亚成都 德阳 绵阳 广元 遂宁 南充 广安 内江 自贡 泸州 宜宾 乐山 攀枝花".split(" ");
$scope.addm24="贵阳 六盘水 遵义".split(" ");
$scope.addm25="昆明 东川 曲靖 玉溪".split(" ");
$scope.addm26=["拉萨"];
$scope.addm27="西安 渭南 铜川 延安 咸阳 宝鸡 汉中".split(" ");
$scope.addm28="兰州 天水 白银 金昌 嘉峪关".split(" ");
$scope.addm29=["西宁"];
$scope.addm30="银川 石嘴山 吴忠".split(" ");
$scope.addm31="乌鲁木齐 克拉玛依".split(" ");
$scope.addm32="台北 基隆 新竹 台中 嘉义 台南 高雄".split(" ");
//二级数据源
$scope.addre2=[$scope.addm1,$scope.addm2,$scope.addm3,$scope.addm4,$scope.addm5,$scope.addm6,$scope.addm7,$scope.addm8,$scope.addm9,$scope.addm10,$scope.addm11,$scope.addm12,$scope.addm13,$scope.addm14,$scope.addm15,$scope.addm16,$scope.addm17,$scope.addm18,$scope.addm19,$scope.addm20,$scope.addm1,$scope.addm21,$scope.addm1,$scope.addm22,$scope.addm23,$scope.addm24,$scope.addm25,$scope.addm26,$scope.addm27,$scope.addm28,$scope.addm29,$scope.addm30,$scope.addm31,$scope.addm32];
//
$scope.chen=function(){
for(i1 in $scope.addre1){
if($scope.addre1[i1]==$scope.selecte1){
$scope.items=i1;
break;
}
}
}
});
</script>
<select ng-model="selecte1" ng-init="selecte1=addre1[0]" ng-options="x for x in addre1" ng-change="chen()"></select>
<select ng-model="selecte2" ng-init="selecte2=addre2[0][0]" ng-options="x for x in addre2[items]"></select>
</body>
</html>
扫一扫
2905
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
