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

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

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

开发环境 VS.NET 2005    C#    Oracle   AjaxPro  

最近忙没时间详细解释,先把通用的源码贴出自己看。

出于对性能的考虑,把省市两级写成JS数组,把县区(镇)两级写在 Oracle 里。通过 JS 触发 C# 去读取数据库,然后将数据回传给 JS ,再绑定显示。

操作 <select> 采用更通用的 createElement() 而没有使用 options.add()

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Area.aspx.cs" Inherits="Area" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>地区</title>
</head>
<body>
    <form id="form1" runat="server">
        <table>
            <tr>
                <td>
                    <select id="SF">
                        <option selected="selected">—请选择—</option>
                    </select>
                </td>
                <td>
                    <select id="CS">
                        <option selected="selected">—请选择—</option>
                    </select>
                </td>
                <td>
                    <select id="Xian">
                        <option selected="selected">—请选择—</option>
                    </select>
                </td>
                <td>
                    <select id="Zhen">
                        <option selected="selected">—请选择—</option>
                    </select>
                </td>
            </tr>
        </table>

<script type="text/javascript">
var aDQ=new Array();
aDQ[0]=["11","北京","0","bj"];
aDQ[1]=["12","天津","0","tj"];
aDQ[2]=["13","河北","0","hb"];
aDQ[3]=["14","山西","0","shang"];
aDQ[4]=["15","内蒙古","0","nmg"];
aDQ[5]=["21","辽宁","0","ln"];
aDQ[6]=["22","吉林","0","jl"];
aDQ[7]=["23","黑龙江","0","hlj"];
aDQ[8]=["31","上海","0","sh"];
aDQ[9]=["32","江苏","0","js"];
aDQ[10]=["33","浙江","0","zhej"];
aDQ[11]=["34","安徽","0","ah"];
aDQ[12]=["35","福建","0","fj"];
aDQ[13]=["36","江西","0","jw"];
aDQ[14]=["37","山东","0","sd"];
aDQ[15]=["41","河南","0","he"];
aDQ[16]=["42","湖北","0","hu"];
aDQ[17]=["43","湖南","0","hn"];
aDQ[18]=["44","广东","0","gd"];
aDQ[19]=["45","广西","0","gx"];
aDQ[20]=["46","海南","0","hain"];
aDQ[21]=["50","重庆","0","cq"];
aDQ[22]=["51","四川","0","sc"];
aDQ[23]=["52","贵州","0","gui"];
aDQ[24]=["53","云南","0","yn"];
aDQ[25]=["54","西藏","0","wc"];
aDQ[26]=["61","陕西","0","shangx"];
aDQ[27]=["62","甘肃","0","gs"];
aDQ[28]=["63","青海","0","qh"];

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



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

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