如何让地址栏默认显示一个地址

图片说明
让如图的联动地址框能默认显示一个地址,收货地址是用ko绑定获取地址的

 <div class="pe-line clear">
                            <div class="pe-name">
                                收货地址:
                            </div>
                            <div class="pe-box">
                                <div id="addr" data-bind='component: {
                                    name: "area",
                                    params: { className: "star" , nameText: "请选择地区" }
                                },click:me'></div>
                            </div>
                        </div>

怎么样才能使这个div默认显示一个地址?使用的是ko绑定地址,该怎么把几个值都显示出来呢?

 var vm = {
        list: ko.observableArray([]),
        IndexVO: ko.observableArray([]),
        price: ko.observable(),
        type: ko.observable(""),
        errMsg: ko.observable(),
        provinceId:ko.observable(''),
        cityId:ko.observable(''),
        countyId:ko.observable(''),
        streetId:ko.observable(''),
        communityId:ko.observable(''),
        delivery:ko.observable(1),
        feePrice:ko.observable(''),
        unloadingCharge:ko.observable(),
        confirmOrder: ko.observable(''),
        enableDetails: ko.observable(''),
    };

这5个绑定是5级的地址
provinceId:ko.observable(''),
cityId:ko.observable(''),
countyId:ko.observable(''),
streetId:ko.observable(''),
communityId:ko.observable(''),

将nameText的值改为你下拉列表的某一个值,作为默认值(一般第一个);
eg:{ className: "star" , nameText: provinceList[0] }

第二种方法就是将你循环完的下拉列表中的第一个取出来赋给这个div