二级联动实例

最新推荐文章于 2021-04-18 08:45:03 发布

xmy_wh

最新推荐文章于 2021-04-18 08:45:03 发布

阅读量397

点赞数

文章标签： javascript json

本文链接：https://blog.csdn.net/xmy_wh/article/details/73188143

版权

// 二级联动
$(document).ready(function () {
    var varurl = '/ivr/getIvrList.action';
    $.getJSON(varurl, function (data) {

        //对请求返回的JSON格式进行分解加载
        $(data.rows).each(function () {

            $('#ddlBranchOne').append($('<option/>').text(this.ivrName).attr({'value':this.ivrId}));

});

});

    //一级下拉联动二级下拉

    $('#ddlBranchOne').change(function () {

   //清除二级下拉列表

        $('#ddlBranchTwo').empty();

        $('#ddlBranchTwo').append($('<option/>').text("--请选择--").attr('value', '-1'));

        //要请求的二级下拉JSON获取页面

        var varurl = '/ivrVersion/getVersionList.action';

        //将选中的一级下拉列表项的id传过去

        var ivrId = $('#ddlBranchOne').val();

        $.getJSON(varurl, {ivrId: ivrId}, function (data) {

            //对请求返回的JSON格式进行分解加载

            $(data.rows).each(function () {

                $('#ddlBranchTwo').append($('<option/>').text(this.version).attr('value', this.versionId));

});

});

});

});

关注