Asp.net无刷新二级联动2

最新推荐文章于 2024-08-27 15:59:21 发布
最新推荐文章于 2024-08-27 15:59:21 发布
阅读量976 收藏
点赞数
分类专栏： asp.net 文章标签： asp.net dataset server xhtml object javascript
Asp.net无刷新二级联动2

 

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default8.aspx.cs" Inherits="Default8" %>

<!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>
<script language="javascript">

function load(provinceid)
{
var drp2 = document.getElementById("DropDownList2");
var len=drp2.options.length;
while(len>0)
{
    drp2.options.remove(0);
    len=drp2.options.length;
}
   
var oHttpReq = new ActiveXObject("MSXML2.XMLHTTP");    //发送请求
var oDoc = new ActiveXObject("MSXML2.DOMDocument");    //响应结果
   
if(provinceid==null)
{
    var provinceid=document.getElementById("DropDownList1").value;
}
   
oHttpReq.open("post","Default9.aspx?pid="+provinceid, false);
oHttpReq.send("");
       
result = oHttpReq.responseText;
oDoc.loadXML(result);
   
items = oDoc.selectNodes("//city/Table");
for (var item = items.nextNode();item;item = items.nextNode())
{　
    var city = item.selectSingleNode("cityname").nodeTypedValue;
    var id = item.selectSingleNode("id").nodeTypedValue;
    var newOption = document.createElement("OPTION");
    newOption.text = city;
    newOption.value = id;
    drp2.options.add(newOption);
}　
}
  
</script>
<body>
    <form id="form1" runat="server">
    <div>
    <asp:DropDownList id="DropDownList1" style="Z-INDEX: 101; LEFT: 88px; POSITION: absolute; TOP: 32px" runat="server"></asp:DropDownList>
<asp:DropDownList id="DropDownList2" style="Z-INDEX: 102; LEFT: 176px; POSITION: absolute; TOP: 32px" runat="server"></asp:DropDownList>

    </div>
    </form>
</body>
</html>

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
using System.Xml;

public partial class Default8 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (!this.IsPostBack)
        {
            SqlConnection con = new SqlConnection(ConfigurationSettings.AppSettings["gipsy"]);
            SqlDataAdapter da = new SqlDataAdapter("select * from province", con);
            DataSet ds = new DataSet("province");
            da.Fill(ds);

            this.DropDownList1.DataSource = ds;
            this.DropDownList1.DataTextField = "provinceName";
            this.DropDownList1.DataValueField = "id";
            this.DropDownList1.DataBind();

            this.DropDownList1.Attributes.Add("onchange", "load(this.options[this.selectedIndex].value)");
        }
    }

}


另一个页面的CS

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Xml;
using System.Data.SqlClient;

public partial class Default9 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        if (Request["pid"] != null)
        {
            int intpid = Convert.ToInt32(Request["pid"]);
            SqlConnection con = new SqlConnection(ConfigurationSettings.AppSettings["gipsy"]);
            SqlDataAdapter da = new SqlDataAdapter("select id,cityname from city where provinceid=" + intpid + "", con);
            DataSet ds = new DataSet("city");
            da.Fill(ds);
            XmlTextWriter writer = new XmlTextWriter(Response.OutputStream, Response.ContentEncoding);
            writer.Formatting = Formatting.Indented;
            writer.Indentation = 4;
            writer.IndentChar = ' ';
            ds.WriteXml(writer);
            writer.Flush();
            Response.End();
            writer.Close();
        }
    }
}

wengman
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
asp.net无刷新二级联动下拉菜单
04-16
asp.net无刷新二级联动下拉菜单,Droplist
适用与firefox ASP.NET无刷新二级联动下拉列表
10-30
适用与firefox ASP.NET无刷新二级联动下拉列表 本文讲述了如何在ASP.NET中实现无刷新二级联动下拉列表，解决了firefox浏览器下面的问题。该实现使用了XMLHttpRequest对象来实现无刷新请求，并且使用JavaScript来...
Asp.Net无刷新三级联动
08-18
在Asp.Net开发中，"无刷新三级联动"是一种提高用户体验的技术，它允许用户在选择一个选项时，其他相关的下拉列表或区域会自动更新，而无需整个页面重新加载。这种技术常见于如地区选择、商品分类等场景，能够极大地...
DropDownList年月二级联动无刷新
03-22
本示例中的"DropDownList年月二级联动无刷新"技术，是实现一个高效的用户界面交互功能，即在选择年份时，月份的下拉列表会即时更新，而无需整个页面重新加载，极大地提升了用户体验。 首先，我们要理解“二级联动”...
基于asp.net医药进销存管理系统设计与实现
qq_251836457的博客
08-26 996
它的主要特点是改变了以往的药房手工记账、手工查询结果，采用ASP.NET技术，借助于Internet互联网广泛应用技术，达到资源共享，提高药房的信息化管理，缩短员工的工作时间和提高工作效率，从而实现信息化，规范化，系统化，使药房的管理更加方便统一化。该项目的设计规则主要是根据陵川县第一人民医院药房的日常工作和药房的主要业务进行设计与开发的，通过了解其药房入库，出库，报表统计的业务流程，有针对性的对药房的管理设计一套适合陵川县第一人民医院药房进销的系统，并且真正能够使药房的工作人员降低工作量。
使用itextpdf5.x将网页转为PDF,并添页眉页脚页码
qingqingzijinxin的专栏
08-23 334
itextpdf，html转pdf
基于vue框架的病床管理信息系统odt4v（程序+源码+数据库+调试部署+开发环境）系统界面在最后面。
最新发布
h2345678的博客
08-27 890
因此，开发一套集医疗人员、物流人员、病床信息及使用记录等功能于一体的病床管理信息系统，成为提升医院管理水平、优化资源配置、增强患者满意度的迫切需求。第三阶段：2024年4月1日－2024年4月30日，完成系统分析，设计，编码，测试等工作，同时完善文献综述及外文翻译，完成论文初稿；第二阶段：2024年3月10日－2024年3月31日，查阅资料，调研系统需求，熟悉课题所需要的编译软件、数据库和设计语言等；第一阶段：2023年1月11日－2024年3月9日， 确定毕设题目，查阅资料，完成开题报告，进行开题答辩。
JavaScript代码片段
weixin_66128399的博客
08-26 863
使用场景是：后端列表查询接口，某个字段前端不传，后端就不根据那个字段筛选，例如name不传的话，就只根据page和pageSize筛选，但是前端查询参数的时候（vue或者react）中，往往会这样定义。给后端发送数据的时候，要判断某个属性是不是空字符串，然后给后端拼参数，这块逻辑抽离出来就是cleanObject，代码实现如下。leading-true，trailing-true：在延时开始时就调用，延时结束后也会调用。//第一个参数指定位数，第二个字符串指定字符，都是可选参数，如果都不传，默认生成8位。
python12 中，No module named‘distutils‘错误
qq_43557600的博客
08-27 6240
python12 “ No module named'distutils' ”,​ 安装 pip install setuptools ，解决 ​
vue ref和reactive区别
灰海
08-25 2303
在第二个示例中，我们使用了reactive来创建一个名为state的响应式对象，它包含name和age两个属性。在模板中，我们通过{{ state.name }}和{{ state.age }}来显示state对象的属性值。在第一个示例中，我们使用了ref来创建一个名为count的响应式引用，它是一个简单的数字类型。在模板中，我们通过{{ count }}直接显示count的值，而不需要.value前缀，因为Vue的模板语法会自动处理ref的.value访问。
jQuery基础——DOM
m0_54066656的博客
08-27 1438
JQ基础——DOM操作
vue2 part3
E___V___E的博客
08-25 959
年龄+1岁添加性别属性，默认值：男修改性别在列表首位添加一个朋友
uni-app的示例项目--简单的登陆页面及列表页面
bingbingyihao的博客
08-24 947
uni-app的示例项目--简单的登陆页面及列表页面
vue全局参数
qq_34631220的博客
08-24 642
其它页面如果想监听改变。
浏览器精度问题
m0_46281382的博客
08-25 851
浏览器如何解析后端返回的long类型的数据
vue最早可以读取this的生命周期函数
youhebuke225的博客
08-25 456
在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。：在实例创建完成后被立即调用。在这一步，实例已完成所有的数据观测、计算属性和方法的配置，但是还没有挂载到DOM，：在挂载开始之前被调用：相关的 render 函数首次被调用。如果你需要在Vue实例创建后立即执行某些操作，比如发送请求获取数据并更新到组件的状态中，那么。因此，如果你需要在Vue实例创建后尽早地访问其属性或方法，但又不需要直接操作DOM，那么。替换，并挂载到实例上去之后调用该钩子。
JavaScript面向对象编程（OOP）基础
fanchen4139的博客
08-25 883
JavaScript面向对象编程（OOP）基础：从构造函数到ES6类的深入探讨
vue-cli搭建项目过程
2302_78078800的博客
08-25 1079
前端js框架 vue-cli的使用
JS判断对象中是否存在某个属性
qq_39691676的博客
08-25 771
判断一个对象中是否存在某个属性的方式多种多样,最主要是依据什么去界定这个属性是否存在。
ASP.NET无刷新二级联动下拉列表在Firefox下的解决方案
“适用与firefox ASP.NET无刷新二级联动下拉列表” 这篇资源主要介绍的是如何在Firefox浏览器中实现ASP.NET的无刷新二级联动下拉列表。开发者在尝试了多种方案后，针对Firefox浏览器的兼容性问题提出了一个解决方案...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值