下载本文档
版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
通过AJAX简单实现DropDownList二级联动实现步骤:1.创建文件1.创建文件Recipe24.aspx,实现后台代码如下:ArrayListsubListArrayListsubListif(sBuyID=="1"){subList.AdnewsubList.AdnewsubList.AdnewsubList.Adnew}elseif(sBuyID=={subList.AdnewsubList.AdnewsubList.AdnewsubList.Adnew}returnsubList;}//引入命名空间usingSystem.Web.Services;//实现下拉框二级联动AJAX请求加载数据方法[WebMethod()]publicstaticArrayListGetSubList(stringsBuylD){=newArrayList();ListItem(”文艺"，"1"));ListItem("少儿","2"));ListItem("人文社科"，"3"));ListItem("科技"，"4"));"2")ListItem("手机通讯"，"1"));ListItem("手机配件"，"2"));ListItem("摄影摄像"，"3"));ListItem("数码配件"，"4"));
2.实现页面代码（HTML部分）如下:<body><formid="form1"runat="server"><divalign="center"><fieldsetstyle="width:400px;height:150px;"><tableborder="0"cellpadding="10"cellspacing="10"><tr><td><asp:DropDownListID="buyList"runat="server"Width="120px"><asp:ListItemValue="0"Text="--请选择 "><asp:ListItem><asp:ListItemValue="1"Text="图书"></asp:ListItem><asp:ListItemValue="2"Text="手机数码"></asp:ListItem></asp:DropDownList></td><td><asp:DropDownListID="subList"runat="server"Width="120px"><asp:ListItemValue="0"Text="--请选择 "><asp:ListItem></asp:DropDownList></td></tr></table></fieldset></div></form></body>3.实现脚本代码如下:：<scripttype="text/javascript">$function() {
$("#buyList").bind("keyuphange",function(e){e.preventDefault();//首先初始化$("#subList").empty().append($("<option></option>").val("0").html("请选择0").html("请选择if($(this).val()!="0") {sendDatathis).val());}});functionsendData(sBuyID){varloc=window.location.href;$.ajax({type:"POST",url:loc+"/GetSubList//调动后台页面方:法data:'{"sBuyID":"'+sBuyID+'"}contentType:"application/json;charset=utf-8",dataType:"json",succesfunction(msg){//msg.d是数组，由后台数组ArrayList返回,:因此可以遍历每个元素$.each(msgfunction() {//this.Value和this.Text是后台返回数组ArrayList类型包含元素ListItem类型的属性:$("#subList").append($("<option></
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
评论
0/150
提交评论