首页 / 脚本样式 / Ajax / 利用ProtoType框架完成的一个下拉框（asp：DropDownList）联动的AJAX例子

利用ProtoType框架完成的一个下拉框（asp：DropDownList）联动的AJAX例子2007-04-26最近终于有时间研究研究AJAX了.看了一些AJAX的介绍.
用ProtoType框架完成的一个下拉框（asp:DropDownList）联动的AJAX的小例子,和初学者分享一下.

<script language="javascript" type="text/javascript" >
<！--

function goCity（）
{
var url = "AreaHandler.ashx";
var father= $F（"<%=ddlProvince.ClientID%>"）
var pars = "ddl=province&father=" +father;
var myAjax = new Ajax.Request（
url,
{method: "get", parameters: pars, onComplete: LoadCity}
）;

}

function goArea（）
{

var url = "AreaHandler.ashx";

var father= $F（"<%=ddlCity.ClientID%>"）
var pars = "ddl=city&father=" +father;
var myAjax = new Ajax.Request（
url,
{method: "get", parameters: pars, onComplete: LoadArea}
）;

}

function LoadCity（originalRequest）
{
var result=originalRequest.responseText;
var ddl=$（"<%=ddlCity.ClientID%>"）
FillDropDown（ddl,result）;
if （ddl.length == 0）{
$（"<%=ddlArea.ClientID%>"）.length=0;
$（"<%=ddlArea.ClientID%>"）.disabled = 1;
ddl.disabled = "true";
}
else{
$（"<%=ddlArea.ClientID%>"）.disabled = 0;
ddl.disabled = 0;
goArea（）;
}
}
function LoadArea（originalRequest）
{
var result=originalRequest.responseText;
var ddl=$（"<%=ddlArea.ClientID%>"）
FillDropDown（ddl,result）;

if （ddl.length == 0）
ddl.disabled =1;
esle
ddl.disabled =0;

}

function FillDropDown（objDDL,result ）{
var piArray = result.split（","）;

objDDL.length=0;
for（var i=0;i<piArray.length;i++）
{
var ary1 = piArray[i].toString（）.split（"|"）;
if （ary1.length >1 ）
objDDL.options.add（new Option（ary1[1].toString（）,ary1[0].toString（）））;
}
}

-->
</script>

http://www.cnblogs.com/rippleyong/archive/2006/12/18/596015.html