select选择框和js实现省份城市级联查询

单表的查询我们很轻易的就能够查出省份和城市，但是有很多情况需要进行级联选择查询，本文就是使用select和js实现！

实现效果

实现效果：选择省份，点击另一个select框显示对应城市。

如何实现

想要实现这样的效果我们需要给省份这个select添加一个onchange事件，通过js来控制城市的select展示的内容

代码

html代码：
th:value="" 这些代码是使用了Thymeleaf模板引擎，重点是添加一个onchange事件。

 <select class="input-text mySelect"  style="width: 180px; margin-top: 5px;" name="provinceId" id="provinceId" onchange="select_city()">
        <option value="">请选择省份</option>
        <option th:each="table:${listProvince}" th:value="${table.id}" th:text=