增加地市三级联动选择框

最新推荐文章于 2024-03-11 14:50:09 发布

这不是一个名字

最新推荐文章于 2024-03-11 14:50:09 发布

阅读量180

点赞数 1

分类专栏：说明

本文链接：https://blog.csdn.net/qq_41968029/article/details/109607145

版权

说明专栏收录该内容

5 篇文章 0 订阅

订阅专栏

第一步，在html页面下引入依赖

<script type="text/javascript" th:src="@{/component/jquery@3.5.1/jquery.js}"></script>
<script type="text/javascript" th:src="@{/component/distSelect/distpicker.common.js}"></script>

第二步，在html代码中插入如下片段

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

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

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

ps:这里只管新增，不管编辑