javascript三級聯動效果實現2

javascript三級聯動效果實現2
var text = "";for (i = 0; i < data.length; i++) {    text += "<option value=" + i + " data-pId=" + data[i].pId + ">" + data[i].pName + "</option>";}$(".shengf").append(text);//step2:城市var text2 = "";$(".shengf").change(function() {    text2 = "<option>請選擇城市</option>";    $(".city option").remove();    $(".zhanyd option").remove();    $(".zhanyd").append("<option>請選擇專營店</option>");    var cityid = $(this).val();    var shengfs;    if (cityid.length < 5) {        shengfs = data[cityid].cities;        for (j = 0; j < shengfs.length; j++) {            text2 += "<option value=" + j + " data-cId=" + shengfs[j].cId + ">" + shengfs[j].cName + "</option>";        }        //step3:店鋪        var text3 = "";        $(".city").change(function() {            text3 = "<option>請選擇專營店</option>";            $(".zhanyd option").remove();            var shengfid = $(this).val();            if (shengfid.length < 5) {                var zhanyds = shengfs[shengfid].dealers;                for (z = 0; z < zhanyds.length; z++) {                    text3 += "<option value=" + z + " data-dCode=" + zhanyds[z].dCode + ">" + zhanyds[z].dName + "</option>";                }            }            $(".zhanyd").append(text3);        });    }    $(".city").append(text2);});