首页 > 其他 > 详细

select一:省市区三级联动

时间:2020-07-08 15:14:11      阅读:53      评论:0      收藏:0      [点我收藏+]
<div class="ipt-wrap clearfix">
    <label>籍贯:</label>
    <div class="ipt-r">
        <select class="sele-a" name="province">
            <option value="0">请选择</option>
            <volist name="province" id="p">
                <option value="{pigcms{$p.area_id}">{pigcms{$p.area_name}</option>
            </volist>
        </select>
        <select class="sele-b" name="city">
            <option value="0">请选择</option>

        </select>
        <select class="sele-c" name="area">
            <option value="0">请选择</option>
        </select>
    </div>
</div>

$("select[name=‘province‘]").change(function () {
    var pro = $(this).find("option:selected").val();
    $.get("{pigcms{:U(‘getCity‘)}", {province: pro}, function (result) {
        $("select[name=‘city‘]").empty();
        $("select[name=‘area‘]").empty();
        $("select[name=‘city‘]").append(new Option(‘请选择‘, 0));
        $("select[name=‘area‘]").append(new Option(‘请选择‘, 0));
        if (result.status == 200) {
            result.data.forEach(function (a) {
                $("select[name=‘city‘]").append(new Option(a[‘area_name‘], a[‘area_id‘]));
            });
        }
    }, ‘json‘);
});
$("select[name=‘city‘]").change(function () {
    var cit = $(this).find("option:selected").val();
    $.get("{pigcms{:U(‘getArea‘)}", {city: cit}, function (result) {
        if (result.status == 200) {
            $("select[name=‘area‘]").empty();
            result.data.forEach(function (a) {
                $("select[name=‘area‘]").append(new Option(a[‘area_name‘], a[‘area_id‘]));
            });
        } else {
            $("select[name=‘area‘]").empty();
            $("select[name=‘area‘]").append(new Option(‘请选择‘, 0));
        }
    }, ‘json‘);
});

注意:
forEach()是数组特有的一个方法,只能是数组,对象不行。

select一:省市区三级联动

原文:https://www.cnblogs.com/wangyuyanhello/p/13266717.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!