distpicker初始化以及设定指定值

## 碰到的问题

在jquery插件库中下载了distpicker,然后根据它的模板用了一下，但是在给它设定特定的值以及初始化时出现问题（编辑的时候显示的应该是数据库中的记录，所以应该用自己的数据，然后如果要插入，则需要清空数据，设定默认值----我新增和修改用的是同一个。）

 

## 解决方法

### html 代码

···

<div class="form-group" style="width:100%;margin-left:40px;">
            <label style="float:left;margin-right:20px;padding:10px;">所在地址</label>
            <div data-toggle="distpicker" id="distpicker">
                <div class="form-group">
                    <label class="sr-only" for="province2">Province</label>
                    <select class="form-control" id="province" data-province="---- 选择省 ----"></select>
                </div>
                <div class="form-group">
                    <label class="sr-only" for="city2">City</label>
                    <select class="form-control" id="city" data-city="---- 选择市 ----"></select>
                </div>
                <div class="form-group">
                    <label class="sr-only" for="district2">District</label>
                    <select  class="form-control" id="district" data-district="---- 选择区 ----"></select>
                </div>
            </div>
  </div>

···

### 修改（items是我自己的数据）

```

$("#province").val($.trim(items[0]));
$("#province").trigger("change");
$("#city").val(items[1]);
$("#city").trigger("change");
$("#district").val(items[2]);

```

 

### 初始化(试了下这两个都可以)

```

$("#distpicker").distpicker('destroy')
$("#distpicker").distpicker({
     autoSelect: false
});
 //$("#distpicker").distpicker({
 //    province: "---- 所在省 ----",
//    city: "---- 所在市 ----",
 //    district: "---- 所在区 ----"
 //});

```