ajax实现dropdownlist无刷新二级联动

html 代码:

<asp:DropDownList ID="ddlSort" runat="server" οnchange="changeSelect(this.value);">
</asp:DropDownList>
&nbsp;&nbsp;
<asp:DropDownList ID="ddlSort2" runat="server" AutoPostBack="true">
<asp:ListItem Value="0" runat="server">选择二级分类</asp:ListItem>
</asp:DropDownList>
&nbsp;&nbsp;


js代码:

function changeSelect(selectId) {
$.post("/Admin/ajax/ShowSort2.aspx", { "id": selectId }, function (data) {

var xSel = data.getElementsByTagName("select");
//获得XML文档中的所有<select>标记
var select_root = document.getElementById("ddlSort2");
//获得网页中的第二个下拉框
select_root.options.length = 0;
//每次获得新的数据的时候先把每二个下拉框架的长度清0

// var option1 = new Option("选择二级分类", "0");
$("#ddlSort2").append("<option value='0'>选择二级分类</option>");

for (var i = 0; i < xSel.length; i++) {
var xValue = xSel[i].childNodes[0].firstChild.nodeValue;
//获得每个<select>标记中的第一个标记的值,也就是<value>标记的值
var xText = xSel[i].childNodes[1].firstChild.nodeValue;
//获得每个<select>标记中的第二个标记的值,也就是<text>标记的值

$("#ddlSort2").append("<option value=" + xValue + "\>" + xText + "\<\/option\>");
// var option = new Option(xText, xValue);
// //根据每组value和text标记的值创建一个option对象

// select_root.add(option); //将option对象添加到第二个下拉框中
}


});
}

ajax代码

object id = Request["id"];
if (id != null && id.ToString() != "")
{
if(StringHelper.IsInt(id.ToString()))
{
List<Cpsort2Model> list = new List<Cpsort2Model>();
list = CpsortManager.GetCpsort2BySortid(Convert.ToInt32(id.ToString()));

Response.ContentType = "text/xml";
Response.HeaderEncoding = System.Text.Encoding.GetEncoding("gb2312");

String xml_start = "<selects>";
String xml_end = "</selects>";
String xml = "";

for (int i = 0; i < list.Count; i++)
{
xml += "<select><value>"+list[i].Id2+"</value><text>"+list[i].Cpsort2+"</text></select>";
}

String last_xml = xml_start + xml + xml_end;
Response.Write(last_xml);

}
}



转载于:https://www.cnblogs.com/zhanghai/p/4461210.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
辽B代驾管理系统对代驾订单管理、用户咨询管理、代驾订单评价管理、代驾订单投诉管理、字典管理、论坛管理、公告管理、新闻信息管理、司机管理、用户管理、管理员管理等进行集中化处理。经过前面自己查阅的网络知识,加上自己在学校课堂上学习的知识,决定开发系统选择小程序模式这种高效率的模式完成系统功能开发。这种模式让操作员基于浏览器的方式进行网站访问,采用的主流的Java语言这种面向对象的语言进行辽B代驾管理系统程序的开发,在数据库的选择上面,选择功能强大的Mysql数据库进行数据的存放操作。辽B代驾管理系统的开发让用户查看代驾订单信息变得容易,让管理员高效管理代驾订单信息。 辽B代驾管理系统具有管理员角色,用户角色,这几个操作权限。 辽B代驾管理系统针对管理员设置的功能有:添加并管理各种类型信息,管理用户账户信息,管理代驾订单信息,管理公告信息等内容。 辽B代驾管理系统针对用户设置的功能有:查看并修改个人信息,查看代驾订单信息,查看公告信息等内容。 辽B代驾管理系统针对管理员设置的功能有:添加并管理各种类型信息,管理用户账户信息,管理代驾订单信息,管理公告信息等内容。 辽B代驾管理系统针对用户设置的功能有:查看并修改个人信息,查看代驾订单信息,查看公告信息等内容。 系统登录功能是程序必不可少的功能,在登录页面必填的数据有两项,一项就是账号,另一项数据就是密码,当管理员正确填写并提交这二者数据之后,管理员就可以进入系统后台功能操作区。项目管理页面提供的功能操作有:查看代驾订单,删除代驾订单操作,新增代驾订单操作,修改代驾订单操作。公告信息管理页面提供的功能操作有:新增公告,修改公告,删除公告操作。公告类型管理页面显示所有公告类型,在此页面既可以让管理员添加新的公告信息类型,也能对已有的公告类型信息执行编辑更新,失效的公告类型信息也能让管理员快速删除。新闻管理页面,此页面提供给管理员的功能有:新增新闻,修改新闻,删除新闻。新闻类型管理页面,此页面提供给管理员的功能有:新增新闻类型,修改新闻类型,删除新闻类型。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值