纯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%;">
        "hidden" name="province" id="province" value="" style="width:60%; height: 30px;"/>
        
    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%;">
        "hidden" name="city" id="city" value="${city }" style="width:60%; height: 30px;"/>
        
        
    div>
div>

你可能感兴趣的:(js相关)