jquery.cityselect.js基于JQuery的省、市、区三级联动(插件)

js文件下载

js文件下载中提供了两个js文件,分别是:jquery.cityselect.js和city.min.js

插件参数:

参数名默认值字符类型说明
urljs/city.min.jsString省市json数据文件路径
prov
noneString默认省份
citynoneString默认城市
distnoneString默认县(区)
nodatanoneString无数据状态
requiredtrueBoolearn必选项

基本使用:

<script type="text/javascript" src="/static/node_modules/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.cityselect.js"></script>
<div id="city">
    <select class="prov"></select>
    <select class="city" disabled="disabled"></select>
    <select class="dist" disabled="disabled"></select>
</div>
<script type="text/javascript">
    $(document).ready(function() {
        $("#city").citySelect({
            url:"/static/js/city.min.js",
            prov: "山西",
            city: "临汾",
            dist: "尧都区",
        });
    });
</script>

效果:

1512397002593374.png

本站文章除注明转载外,均为本站原创或编译。欢迎任何形式的转载,但请务必注明出处,尊重他人劳动。

武斌博客 http://www.wubin.pro

Top