纯js省市区三级联动

1、引用js文件
链接： (https://pan.baidu.com/s/1zpLYPG4iHeVCT2pMSYlr8Q) 密码: ptps
2、jsp页面引用方法
（1）提交方式：
三级联动插件。必须有三个下拉框，可以选择性的隐藏。

<script type="text/javascript">
function changeAddress(){
        //获取下拉的值，
        var province = document.getElementById("Select1").value;
        var city = document.getElementById("Select2").value;
        //给input框赋值
        document.getElementById("province").value=province;
        document.getElementById("city").value=city;

    }
    之后调用保存的js。

（addressInit("Select1", "Select2", "Select3");）

关键代码：

<div style="width: 100%; height: 2px; border-bottom: 1px dotted #cccccc; margin-bottom: 8px;"></div>
<div style="width: 100%; height: 40px;">
    <div align="right" style="float: left;width: 15%; line-height: 40px; font-size: 14px;">
        所在省份：
    </div>
    <div id="pro" align="left" style="float: left;width: 85%;">
        <input type="hidden" name="province" id="province" value="" style="width:60%; height: 30px;"/>
        <select id="Select1" style="width:19%; height: 30px;"></select>
    </div>
</div>
<div style="width: 100%; height: 2px; border-bottom: 1px dotted #cccccc; margin-bottom: 8px;"></div>
<div style="width: 100%; height: 40px;">
    <div align="right" style="float: left;width: 15%; line-height: 40px; font-size: 14px;">
        所在城市：
    </div>
    <div id="Select1" align="left" style="float: left;width: 85%;">
        <input type="hidden" name="city" id="city" value="${city }" style="width:60%; height: 30px;"/>
        <select id="Select2" style="width:19%; height: 30px;"></select>
        <select id="Select3" style="display: none"></select>
    </div>
</div>