会员投稿
投稿指南 
RSS订阅栏目导航
热点推荐
- 流行的70个AJAX演示及下载
- 20个Ajax关键议题
- AJAX技术在PHP开发中的简单应用
- 如何选择使用AJAX的最佳时机
- 一日精通Ajax技术
- [四天学会ajax] 学习Ajax教程第
- [四天学会ajax] 学习Ajax教程第
- ajax的server部分(php版)
- 在Ajax 应用程序中实现数据之间
- 解决AJAX 跨域访问完整解决方案
- Ajax获取页面被缓存的解决方案
- ajax检测用户名
阅览排行
使用AjaxPro开发四级无刷新联动下拉框
www.jz123.cn 2008-09-20 来源: 中国建站 袁袁整理 我要投递新闻
开发环境 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"];
上一篇：基于ASP.NET AJAX的WebPart开发与部署 下一篇：微软Asp.net Ajax 1.0的AutoComplete控件的几处修正和增