单表的查询我们很轻易的就能够查出省份和城市,但是有很多情况需要进行级联选择查询,本文就是使用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="${table.province}"