怎样实现三个下拉菜单联动？

Question

      请问大家有谁做过吗？我做的联动总出问题，实际运行的结果总和代码预期不一样！（比如:当选中一个办事处的时间，出来的社区总会多几个）大家谁知道这方面的指点我下。
function LianDong() {
    //var   obj=document.getElementById("BanSC");       for (var k = 0; k < SheQ.length; k++) {
        SheQ.options.remove(SheQ[k]);      //删除所有b下拉列表框中的内容
    }
    if (document.all("BanSC").value == "大学路街道办事处") {
        SheQ.remove(0);
        SheQ.options[SheQ.options.length] = new Option('中原社区', 0);
        SheQ.options[SheQ.options.length] = new Option('绿城社区', 1);
        SheQ.options[SheQ.options.length] = new Option('交通新苑社区', 2);
        SheQ.options[SheQ.options.length] = new Option('嵩山社区', 3);
        SheQ.options[SheQ.options.length] = new Option('郑大社区', 4);
        SheQ.options[SheQ.options.length] = new Option('金桥社区', 5);
        SheQ.options[SheQ.options.length] = new Option('长城社区', 6);
        SheQ.options[SheQ.options.length] = new Option('新华社区', 7);
    }
    if (document.all("BanSC").value == "建中街街道办事处") {
        SheQ.remove(0);
        SheQ.options[SheQ.options.length] = new Option('庆丰社区', 0);
        SheQ.options[SheQ.options.length] = new Option('人和社区', 1);
        SheQ.options[SheQ.options.length] = new Option('小李庄社区', 2);
        SheQ.options[SheQ.options.length] = new Option('淮南社区', 3);
        SheQ.options[SheQ.options.length] = new Option('建华社区', 4);
        SheQ.options[SheQ.options.length] = new Option('五彩社区', 5);
        SheQ.options[SheQ.options.length] = new Option('保全社区', 6);
        SheQ.options[SheQ.options.length] = new Option('永安社区', 7);
        SheQ.options[SheQ.options.length] = new Option('西福民社区', 8);
        SheQ.options[SheQ.options.length] = new Option('东福民社区', 9);
        SheQ.options[SheQ.options.length] = new Option('铁道陇海家园社区', 10);
        SheQ.options[SheQ.options.length] = new Option('康复社区', 11);
        SheQ.options[SheQ.options.length] = new Option('幸福社区', 12);
        SheQ.options[SheQ.options.length] = new Option('铁英社区', 13);
    }
    if (document.all("BanSC").value == "淮河路街道办事处") {
        SheQ.remove(0);
        SheQ.options[SheQ.options.length] = new Option('政通社区', 0);
        SheQ.options[SheQ.options.length] = new Option('亚新社区', 1);
        SheQ.options[SheQ.options.length] = new Option('齐礼闫社区管委会', 2);
        SheQ.options[SheQ.options.length] = new Option('天下路社区', 3);
        SheQ.options[SheQ.options.length] = new Option('绿云社区', 4);
        SheQ.options[SheQ.options.length] = new Option('兴华社区', 5);
        SheQ.options[SheQ.options.length] = new Option('淮北社区', 6);
        SheQ.options[SheQ.options.length] = new Option('淮河社区', 7);
        SheQ.options[SheQ.options.length] = new Option('金海大道社区', 8);
        SheQ.options[SheQ.options.length] = new Option('陇海路社区', 9);
    } 
}
下拉菜单多级联动

Answer 1

ajax是专门做这个事情的，你还写这么多。

Answer 2

在onchange事件里，用ajax传入父下拉框的ID 取得子下拉框的数据，就行了啊= =以此类推

Answer 3

你remove清除 要从后面开始,因为你的array长度在变化 清了0时 1变成0 递减 再清1时 就是原来的2了 
 for(var i=SheQ.length-1;i>=0;i-- ){
  SheQ.options.remove(SheQ[k]);      //删除所有b下拉列表框中的内容
}
 这样。