PCASClass.js省市区三级联动选择js插件


PCASClass.js省市区三级联动选择js插件

示例如下

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="//repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>
    <script type="text/javascript">
        bready(function() {
            use(["PCASClass"], function() {
                new PCAS("P1", "C1");

                new PCAS("P2", "C2", "吉林省");

                new PCAS("P3", "C3", "江苏省", "苏州市");



                new PCAS("province", "city", "area", "吉林省", "白城市", "大安市");

                new PCAS("province1", "city1", "area1", "吉林省", "吉林市", "龙潭区");

                new PCAS("province2", "city2", "area2", "江苏省", "苏州市", "沧浪区");



                new PCAS("province3", "city3", "area3");

                new PCAS("province4", "city4", "area4", "江苏省");

                new PCAS("province5", "city5", "area5", "江苏省", "苏州市");

                new PCAS("province6", "city6", "area6", "江苏省", "苏州市", "沧浪区");
            });
        });
    </script>
</head>
<body>
    <br>
    <b>省、市、地区联动选择压缩版应用实例演示:</b><br><br>
    <fieldset style="padding:5px;">
        <legend>省市联动</legend>
        出生地:<select name="P1"></select><select name="C1"></select><br>
        所在地:<select name="P2"></select><select name="C2"></select><br>
        工作地:<select name="P3"></select><select name="C3"></select><br>
    </fieldset>
    <br><br>
    <fieldset style="padding:5px;">
        <legend>省市地区联动</legend>
        出   生  地:<select name="province"></select><select name="city"></select><select name="area"></select><br>
        户 口 所 在 地:<select name="province1"></select><select name="city1"></select><select name="area1"></select><br>
        工 作 所 在 地:<select name="province2"></select><select name="city2"></select><select name="area2"></select><br>
        <br>
        无  默  认:<select name="province3"></select><select name="city3"></select><select name="area3"></select><br>
        默  认  省:<select name="province4"></select><select name="city4"></select><select name="area4"></select><br>
        默 认 省 市:<select name="province5"></select><select name="city5"></select><select name="area5"></select><br>
        默 认 省 市 区:<select name="province6"></select><select name="city6"></select><select name="area6"></select><br>
    </fieldset>

</body>
</html>


立即下载PCASClass.js查看所有js插件

网友评论0

程序员在线工具箱