利用ProtoType框架完成的一个下拉框(asp:DropDownList)联动的AJAX例子 - 面向对象网,web开发,Prototype,学习,对象 - 面向对象技术开发

面向对象技术开发

会员投稿 投稿指南 站长资讯通告:
您的位置: 首页 > Web开发 > Prototype > 正文

利用ProtoType框架完成的一个下拉框(asp:DropDownList)联动的AJAX例子

来源: www.bianceng.cn 阅读:

最近终于有时间研究研究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

Tags:
相关文章列表: