Linux中国 Linux中国门户站!
设为主页 设为主页
收藏本站 收藏本站
 
当前位置 :首页 ->网站设计 ->AJAX教程 ->正文

使用AjaxPro开发四级无刷新联动下拉框

来源:Linuxdby.com 作者:Webmaster 时间:2007-06-04 点击: [收藏] [投稿]

aDQ[285]=["5401","拉萨","54","wcls"];
aDQ[286]=["6101","西安","61","wa"];
aDQ[287]=["6102","铜川","61","tc"];
aDQ[288]=["6103","宝鸡","61","swbj"];
aDQ[289]=["6104","咸阳","61","swxy"];
aDQ[290]=["6105","渭南","61","swwn"];
aDQ[291]=["6106","延安","61","ya"];
aDQ[292]=["6107","汉中","61","swhz"];
aDQ[293]=["6201","兰州","62","gslz"];
aDQ[294]=["6202","嘉峪关","62","jyg"];
aDQ[295]=["6203","金昌","62","jc"];
aDQ[296]=["6204","白银","62","by"];
aDQ[297]=["6205","天水","62","ts"];
aDQ[298]=["6229","临夏","62","lx"];
aDQ[299]=["6230","甘南","62","gn"];
aDQ[300]=["6301","西宁","63","wn"];
aDQ[301]=["6322","海北","63","hai"];
aDQ[302]=["6323","黄南","63","huang"];
aDQ[303]=["6325","海南","63","qhhn"];
aDQ[304]=["6326","果洛","63","gl"];
aDQ[305]=["6327","玉树","63","ys"];
aDQ[306]=["6328","海西","63","hw"];
aDQ[307]=["6401","银川","64","yc"];
aDQ[308]=["6402","石嘴山","64","szs"];
aDQ[309]=["6403","吴忠","64","wz"];
aDQ[310]=["6405","中卫","64","zw"];
aDQ[311]=["6501","乌鲁木齐","65","wlmq"];
aDQ[312]=["6502","克拉玛依","65","klmy"];
aDQ[313]=["6523","昌吉","65","cj"];
aDQ[314]=["6527","博尔塔拉","65","betl"];
aDQ[315]=["6528","巴音郭楞","65","bygl"];
aDQ[316]=["6530","克孜勒苏柯尔克孜","65","kzlskekz"];
aDQ[317]=["6540","伊犁","65","xjyl"];
aDQ[318]=["7101","台北","71",""];
aDQ[319]=["7102","宜兰","71",""];
aDQ[320]=["7103","桃园","71",""];
aDQ[321]=["7104","新竹","71",""];
aDQ[322]=["7105","苗栗","71",""];
aDQ[323]=["7106","台中","71",""];
aDQ[324]=["7107","彰化","71",""];
aDQ[325]=["7108","南投","71",""];
aDQ[326]=["7109","云林","71",""];
aDQ[327]=["7110","嘉义","71",""];
aDQ[328]=["7111","台南","71",""];
aDQ[329]=["7112","高雄","71",""];
aDQ[330]=["7113","屏东","71",""];
aDQ[331]=["7114","台东","71",""];
aDQ[332]=["7115","花莲","71",""];
aDQ[333]=["7116","澎湖","71",""];
aDQ[334]=["7117","基隆","71",""];
aDQ[335]=["7118","金门","71",""];
aDQ[336]=["7119","马祖","71",""];
aDQ[337]=["8101","新界","81",""];
aDQ[338]=["8102","香港岛","81",""];
aDQ[339]=["8103","大屿山","81",""];
aDQ[340]=["8104","九龙","81",""];
aDQ[341]=["8201","澳门本岛","82",""];
aDQ[342]=["8202","凼仔","82",""];
aDQ[343]=["8203","路环","82",""];

//通过 DOM 创建下拉框 http://www.linux-cn.com/qq.asp
//obj:下拉框的 options 数据集
//id:下拉框的 id
function CreateDropDownList(obj,id)
......{
    var sel=document.getElementById(id);
    sel.options.length=1;   //保存"—请选择—"
    //对于省份、城市常用 Array 存储,对于县、镇则用C#从数据库读取
    if(obj==null)return;
    if(obj instanceof Array)
    ......{
        for(var i=0;i<obj.length;i++)
        ......{
            var op=document.createElement("option");
            op.setAttribute("value",obj[i][0]);
            var txt=document.createTextNode(obj[i][1]);
            op.appendChild(txt);
            sel.appendChild(op);
        }
    }
    else
    ......{
        for(var i=0;i<obj.Rows.length;i++)  //注意这里是 length 不是 Count
        ......{
            var op=document.createElement("option");
            op.setAttribute("value",obj.Rows[i].ID);    //注意区分大小写
            var txt=document.createTextNode(obj.Rows[i].NAME);  //根 DataTable 的列名称要一致
            op.appendChild(txt);
            sel.appendChild(op);
        }
    }
    //绑定下一个下拉框
    switch(id)
    ......{
        case "SF":sel.onchange=function()......{ClearXianZhen();CreateDropDownList(GetArray(this.value),"CS");};break;
        case "CS":sel.onchange=function()......{ClearZhen();CreateDropDownList(Area.GetDataTable(this.value,AreaEnum.Xian).value,"Xian");};break;  //JS 向 C# 传递参数,并取得 C# 的返回值
        case "Xian":sel.onchange=function()......{CreateDropDownList(Area.GetDataTable(this.value,AreaEnum.Zhen).value,"Zhen");};break;   //返回值.value

 如果您对本文有任何疑问或者建议,请到讨论区发表您的意见: >> 论坛入口 <<



上一篇:微软Asp.net Ajax 1.0的AutoComplete控件的几处修正和增强   下一篇:没有了

文章评论】 【收藏本文】 【推荐好友】 【打印本文】 【我要投稿】 【论坛讨论
更多相关文章
Power by linux-cn.com 粤ICP备05006655号