城市级联

最新推荐文章于 2020-06-27 11:56:54 发布

豆奶dudu

最新推荐文章于 2020-06-27 11:56:54 发布

阅读量390

点赞数

分类专栏： web 文章标签：城市级联

本文链接：https://blog.csdn.net/qq_36457584/article/details/90703231

版权

web 专栏收录该内容

43 篇文章 0 订阅

订阅专栏

文档例子：http://www.jq22.com/yanshi14757

引入：

<script src="<?php echo $this->SURL('/js/citydata.min.js') ?>"></script>

<script src="<?php echo $this->SURL('/js/cityPicker-2.0.3.js') ?>"></script>

<script src="<?php echo $this->SURL('/js/jquery.min.js') ?>"></script>

html:

<div class="cityCon"></div>

js:

selectCity = $('.cityCon').cityPicker({

    dataJson: cityData,

    renderMode: false,

    autoSelected: false,

   level: 2,//二级，3：三级

});

$('.cityCon').on('choose-province.citypicker', function (event, tagert, storage) {

    app.userInfo.province = storage.name;

});

$('.cityCon').on('choose-city.citypicker', function (event, tagert, storage) {

    if (storage.id == "0") {

        return;

    }

    app.userInfo.city = storage.name;

});