city-picker完成省市三级联动

1. 导入两个js和一个css.(依赖JQuery)
    city-picker.data.js;
    city-picker.js;
    city-picker.css;
2. 两种指定用法:
    第一种: HTML方式实现.
    <div style="position: relative">
        <input type="area" type="text" data-toggle="city-picker" size=80/>
    </div>
    第二种: js方式实现.
    <div style="position: relative">
        <input id="area" type="area" type="text" data-toggle="city-picker" size=80/>
        <!--重置的操作-->
        <button id="reset" type="reset">重置</button>
    </div>

    <!--js代码-->
    <script type="text/javascript">
        $(function(){
            $("#area").citypicker();
            <!--清空选择-->
            $("#reset").on("click", function(){
                $("#area").citypicker("reset");
            });
        })
    </script>
3. 功能:
    1) 清空
    2) 赋值

猜你喜欢

转载自blog.csdn.net/Orangesss_/article/details/82146433