省市嵌套json怎么用js解析到级联下拉列表

哈一下 发布于 2016/10/31 16:38
阅读 361
收藏 0

//json数据

[

  {
    "labelId": "10100",
    "labelName": "浙江省",
    "level": "1",
    "fatherId": "10000",
    "sort": "1",
    "children": [
      {
        "labelId": "10101",
        "labelName": "杭州",
        "level": "2",
        "fatherId": "10100",
        "sort": "1",
        "children": []
      },
      {
        "labelId": "10102",
        "labelName": "温州",
        "level": "2",
        "fatherId": "10100",
        "sort": "2",
        "children": []
      },
      {
        "labelId": "10103",
        "labelName": "宁波",
        "level": "2",
        "fatherId": "10100",
        "sort": "3",
        "children": []
      },
      {
        "labelId": "10104",
        "labelName": "绍兴",
        "level": "2",
        "fatherId": "10100",
        "sort": "4",
        "children": []
      },
      {
        "labelId": "10105",
        "labelName": "舟山",
        "level": "2",
        "fatherId": "10100",
        "sort": "5",
        "children": []
      }

    ]

//html代码

<div class="col-lg-4">  
                         <label for="author">选择省</label>
                            <select class="form-control input-sm m-bot3" name="sheng" id="sheng">
                                      <option>==请选择省份==</option>
                                     
                            </select>
                           <br>
                         <label for="author">选择市</label>
                            <select class="form-control input-sm m-bot3" name="shi" id="shi">
                                      <option>==请选择城市==</option>
                                      
                            </select>
                           </div>


加载中
0
空山苦水禅人
空山苦水禅人

选择省份后,遍历你的json数据,根据labelName判断选中的json对象,取出其children添加到下拉框中。你也可以一开始做个map,labelName作为key,children作为value,这样后面不用每次都去循环遍历。

返回顶部
顶部