前端获取数据并进行二级联动select

web前端：

function changeBuilding(){
        var villageId = $('.village_name option:selected').attr("id");
        var villageName = $('.village_name').val();
        if(villageName == '请选择所属小区'){
            $('.building_name').empty();
            layer.alert('您还未选择小区！');
            return false;
        }
        $.ajax({
            type: "POST",
            url: "{:url('backend/home/changeBuilding')}",
            data: {
                village_id:villageId
            },
            dataType: "json",
            timeout: 3000,
            success: function (res) {
                if (res != '取数据失败') {
                    $('.building_name').empty();
                    for (var i = 0; i<res.length; i++) {
//                        alert(res[i].building_name);
                        $('.building_name').append('<option id='+res[i].building_id+'>'+res[i].building_name+'</option>')
                    }
                }else {
                    layer.alert(res);
                }
            }
        });
    }

 

 

小程序：

 

 

 

————————占位符

转载于:https://www.cnblogs.com/windyet/articles/8849348.html