前台地区选择使用fastadmin数据和mobileselect滑动选择插件实现

<script type="text/javascript" src="/assets/libs/fastadmin-citypicker/dist/js/city-picker.data.min.js"></script>

    
        var cxcitydata=[]
        for (const key in ChineseDistricts[&quot;86&quot;]) {
            cxcitydata = cxcitydata.concat(ChineseDistricts[&quot;86&quot;][key]);
        }
        cxcitydata.sort((a, b) =&gt; {
          return a.code.localeCompare(b.code);
        });
        for (const key in cxcitydata) {
            cxcitydata[key].id=cxcitydata[key].code;
            cxcitydata[key].value=cxcitydata[key].address;
            delete cxcitydata[key].address;
            if (ChineseDistricts[cxcitydata[key]['code']] !== undefined) {
                cxcitydata[key].childs=AToB(ChineseDistricts[cxcitydata[key]['code']]);
                for (const key2 in cxcitydata[key].childs) {
                    if (ChineseDistricts[cxcitydata[key].childs[key2]['code']] !== undefined) {
                        cxcitydata[key].childs[key2].childs=AToB(ChineseDistricts[cxcitydata[key].childs[key2]['code']]);
                    }
                }
            }
        }
        function AToB(arr){
            var newarr=[];
            for (const key in arr) {
                newarr.push({
                    id:key,
                    code:key,
                    value:arr[key]
                });
            }
            return newarr;
        }
        console.log(cxcitydata);

        var dqxz = new MobileSelect({
            trigger: '#city',
            title: '地区选择',
            wheels: [
                      {data : cxcitydata}
                    ],
            transitionEnd:function(indexArr, data){
                console.log(data);
            },
            callback:function(indexArr, data){
                $(&quot;#city&quot;).val(data[0].value+&quot;/&quot;+data[1].value+&quot;/&quot;+data[2].value)

            } 
        });

快捷键：dqxz

源：

sublime_text格式

<snippet>
    <content><![CDATA[
<script type="text/javascript" src="/assets/libs/fastadmin-citypicker/dist/js/city-picker.data.min.js"></script>

    
        var cxcitydata=[]
        for (const key in ChineseDistricts["86"]) {
            cxcitydata = cxcitydata.concat(ChineseDistricts["86"][key]);
        }
        cxcitydata.sort((a, b) => {
          return a.code.localeCompare(b.code);
        });
        for (const key in cxcitydata) {
            cxcitydata[key].id=cxcitydata[key].code;
            cxcitydata[key].value=cxcitydata[key].address;
            delete cxcitydata[key].address;
            if (ChineseDistricts[cxcitydata[key]['code']] !== undefined) {
                cxcitydata[key].childs=AToB(ChineseDistricts[cxcitydata[key]['code']]);
                for (const key2 in cxcitydata[key].childs) {
                    if (ChineseDistricts[cxcitydata[key].childs[key2]['code']] !== undefined) {
                        cxcitydata[key].childs[key2].childs=AToB(ChineseDistricts[cxcitydata[key].childs[key2]['code']]);
                    }
                }
            }
        }
        function AToB(arr){
            var newarr=[];
            for (const key in arr) {
                newarr.push({
                    id:key,
                    code:key,
                    value:arr[key]
                });
            }
            return newarr;
        }
        console.log(cxcitydata);

        var dqxz = new MobileSelect({
            trigger: '#city',
            title: '地区选择',
            wheels: [
                      {data : cxcitydata}
                    ],
            transitionEnd:function(indexArr, data){
                console.log(data);
            },
            callback:function(indexArr, data){
                \$("#city").val(data[0].value+"/"+data[1].value+"/"+data[2].value)

            } 
        });
]]></content>
   <tabTrigger>dqxz(前台地区选择使用fastadmin数据和mobileselect滑动选择插件实现)</tabTrigger>
   <scope></scope>
</snippet>