JQuery三级联动

var shengShiXianString = '1_山东省' +            '*' +            '11_青岛市' +            '~' +            '111_青岛市A县' +            '#' +            '112_青岛市B县' +            '$' +            '12_威海市' +            '~' +            '121_威海市A县' +            '#' +            '122_威海市B县' +            '#' +            '122_威海市C县' +                        '^' +                     '2_河北省' +            '*' +            '21_唐山市' +            '~' +            '211_唐山市A县' +            '#' +            '212_唐山市B县' +            '#' +            '213_唐山市C县' +            '$' +            '22_石家庄市' +            '~' +            '221_石家庄市A县' +            '#' +            '222_石家庄市B县';

$(document).ready(function(){                var shengArray = shengShiXianString.split('^');                for (var i = 0; i < shengArray.length; i++) {                    var shengString = shengArray[i].split('*')[0];                    var shiString = shengArray[i].split('*')[1];                                        var shengId = shengString.split('_')[0];                    var shengName = shengString.split('_')[1];                                        var option = $('');                    $(option).val(shengId);                    $(option).text(shengName);                                        $('#sheng').append(option);                                        if (i == 0) {                        shengChange(shengId);                    }                }                            });

function shengChange(shengIdParam){                $('#shi').empty();                var shengArray = shengShiXianString.split('^');                for (var i = 0; i < shengArray.length; i++) {                    var shengString = shengArray[i].split('*')[0];                    var shiString = shengArray[i].split('*')[1];                                        var shengId = shengString.split('_')[0];                    if (shengIdParam == shengId) {                        var shiArray = shiString.split('$');                        for (var j = 0; j < shiArray.length; j++) {                            var shiString = shiArray[j].split('~')[0];                            var xianString = shiArray[j].split('~')[1];                                                        var shiId = shiString.split('_')[0];                            var shiName = shiString.split('_')[1];                                                                                    var option = $('');                            $(option).val(shiId);                            $(option).text(shiName);                                                        $('#shi').append(option);                                                        if (j == 0) {                                shiChange(shiId);                            }                        }                    }                }            }

function shiChange(shiIdParam){                $('#xian').empty();                var shengArray = shengShiXianString.split('^');                for (var i = 0; i < shengArray.length; i++) {                    var shengString = shengArray[i].split('*')[0];                    var shiString = shengArray[i].split('*')[1];                                        var shengId = shengString.split('_')[0];                    var shiArray = shiString.split('$');                    for (var j = 0; j < shiArray.length; j++) {                        var shiString = shiArray[j].split('~')[0];                        var xianString = shiArray[j].split('~')[1];                                                var shiId = shiString.split('_')[0];                                                if (shiId == shiIdParam) {                            var xianArray = xianString.split('#');                            for (var k = 0; k < xianArray.length; k++) {                                var xianId = xianArray[k].split('_')[0];                                var xianName = xianArray[k].split('_')[1];                                var option = $('');                                $(option).val(xianId);                                $(option).text(xianName);                                                                $('#xian').append(option);                            }                        }                    }                }            }