zoukankan      html  css  js  c++  java
  • js三级联动

    $scope.province = [
    { "proID": 1, "proName": "河北省" },
    { "proID": 2, "proName": "湖南省" },
    { "proID": 3, "proName": "河南省" }];
    $scope.city = [
    { "cityID": 1, "cityName": "石家庄", "proID": 1 },
    { "cityID": 2, "cityName": "长沙市", "proID": 2 },
    { "cityID": 3, "cityName": "郑州市", "proID": 3},
    { "cityID": 4, "cityName": "南阳市", "proID": 3 },
    { "cityID": 5, "cityName": "驻马店市", "proID": 3}];
    $scope.district = [
    { "Id": 1, "DisName": "东城区", "cityID": 1},
    { "Id": 2, "DisName": "西城区", "cityID": 1 },
    { "Id": 3, "DisName": "崇文区", "cityID": 1 },
    { "Id": 4, "DisName": "宣武区", "cityID": 1 },
    { "Id": 5, "DisName": "和平区", "cityID": 2 },
    { "Id": 6, "DisName": "河西区", "cityID": 2 },
    { "Id": 7, "DisName": "河东区", "cityID": 2 },
    { "Id": 8, "DisName": "红桥区", "cityID": 2 },
    { "Id": 9, "DisName": "惠济区", "cityID": 3 },
    { "Id": 10, "DisName": "金水区", "cityID": 3 },
    { "Id": 11, "DisName": "二七区", "cityID": 3},
    { "Id": 12, "DisName": " 高新区", "cityID": 3 },
    { "Id": 13, "DisName": "卧龙区", "cityID": 4 },
    { "Id": 14, "DisName": "唐河县", "cityID": 4 },
    { "Id": 15, "DisName": "西峡县", "cityID": 4 }];
    $scope.addName = [];
    $scope.addName2 = [];
    $scope.selPro = function () {
    $scope.selCity = [];
    for (var i = 0; i < $scope.city.length; i++) {
    if ($scope.city[i].proID == $scope.form.province.proID) {
    $scope.selCity.push($scope.city[i]);
    }
    }
    }
    $scope.selCit = function () {
    $scope.selDistrict = [];
    for (var i = 0; i < $scope.district.length; i++) {
    if ($scope.district[i].cityID == $scope.form.city.cityID) {
    $scope.selDistrict.push($scope.district[i]);
    }
    }
    }

  • 相关阅读:
    组合数据类型练习
    词法分析
    ORACLE聚合函数细节
    Centos7 最小系统安装Redis
    JQuery版评分控件
    Javascript & JQuery读书笔记
    HTML5&CSS3读书笔记
    Javascript版显示相应图片的详细信息
    MVC2,MVC3,MVC4和MVC5的不同
    Microsoft Office Excel cannot access the file
  • 原文地址:https://www.cnblogs.com/0280-hnn/p/7264646.html
Copyright © 2011-2022 走看看