解决三级联动组件第一次不能正常显示的bug

 原html代码：

<div data-toggle="distpicker" class="form-group row">
                <label for="addressPro" class="col-sm-2 col-form-label">省：</label>
                <div class="col-sm-2">
                    <select id="addressPro" class="form-control" data-province="———选择省———"></select>
                </div>

                <label for="addressCity" class="col-sm-1 col-form-label">市：</label>
                <div class="col-sm-2">
                    <select id="addressCity" class="form-control" data-city="———选择市———"></select>
                </div>

                <label for="addressCountry" class="col-sm-1 col-form-label">区：</label>
                <div class="col-sm-2">
                    <select id="addressCountry" class="form-control" data-district="———选择区———"></select>
                </div>
            </div>

需要删除data-属性,并给最外层div加id

<div id="distpicker" class="form-group row">
                <label for="addressPro" class="col-sm-2 col-form-label">省：</label>
                <div class="col-sm-2">
                    <select id="addressPro" class="form-control"></select>
                </div>

                <label for="addressCity" class="col-sm-1 col-form-label">市：</label>
                <div class="col-sm-2">
                    <select id="addressCity" class="form-control"></select>
                </div>

                <label for="addressCountry" class="col-sm-1 col-form-label">区：</label>
                <div class="col-sm-2">
                    <select id="addressCountry" class="form-control"></select>
                </div>
            </div>

然后在页面对应的js修改

原函数：

var init = function () {
                if (isUpdate()) {
                    var tempdata = JSON.parse(localStorage.getItem("rowData"));
                    $("#name").val(tempdata.name);
                    $("#areaCoverd").val(tempdata.areaCoverd);
                    $("#processingType").val(tempdata.processingType);
                    $("#contacts").val(tempdata.contacts);
                    $("#addressPro").attr('data-province',tempdata.addressPro);
                    $("#addressCity").attr('data-city',tempdata.addressCity);
                    $("#addressCountry").attr('data-district',tempdata.addressCountry);
                    $("#address").val(tempdata.address);
                    $("#phone").val(tempdata.phone);
                    $(".w-e-text").html(tempdata.intruduce);
                    itemcode = tempdata.itemcode
                    uploadImg.setImgSrc(tempdata.filePath)
                }
                init = function () {

                }
            };
            init();

修改成：

var init = function () {
                if (isUpdate()) {
                    var tempdata = JSON.parse(localStorage.getItem("rowData"));
                    $("#name").val(tempdata.name);
                    $("#areaCoverd").val(tempdata.areaCoverd);
                    $("#processingType").val(tempdata.processingType);
                    $("#contacts").val(tempdata.contacts);
                    $("#distpicker").distpicker({
                        province: tempdata.addressPro,
                        city: tempdata.addressCity,
                        district: tempdata.addressCountry
                    });
                    $("#address").val(tempdata.address);
                    $("#phone").val(tempdata.phone);
                    $(".w-e-text").html(tempdata.intruduce);
                    itemcode = tempdata.itemcode;
                    uploadImg.setImgSrc(tempdata.filePath)
                }else {
                    $("#distpicker").distpicker();//新增页面使用
                }
                init = function () {

                }
            };
            init();