zoukankan      html  css  js  c++  java
  • XmlHttp实现无刷新三联动ListBox

    <HTML>
        
    <HEAD>
            
    <title>XmlHttp实现无刷新三联动ListBox</title>
            
    <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
            
    <meta name="CODE_LANGUAGE" Content="C#">
            
    <meta name="vs_defaultClientScript" content="JavaScript">
            
    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
            
    <SCRIPT LANGUAGE="JavaScript">
                
    <!--
                    
    //以XML求取ListBox2的数据
                    function XmlPost2(obj)
                    
    {
                      
    var svalue = obj.value;
                      
    var webFileUrl = "?povinceid=" + svalue;
                      
    var result = "";
                      
    var xmlHttp = new ActiveXObject("MSXML2.XMLHTTP");
                      xmlHttp.open(
    "POST", webFileUrl, false);
                      xmlHttp.send(
    "");
                      result 
    = xmlHttp.responseText;
                      
                      
    if(result != "")
                      
    {
                        document.all(
    "ListBox2").length=0;
                        
    var piArray = result.split(",");
                        
    for(var i=0;i<piArray.length;i++)
                        
    {
                          
    var ary1 = piArray[i].toString().split("|");
                          document.all(
    "ListBox2").options.add(new Option(ary1[1].toString(),ary1[0].toString()));
                        }

                      }

                      
    else
                      
    {
                        alert(result);
                      }

                    }

                    
    //以XML求取ListBox3的数据
                    function XmlPost3(obj)
                    
    {
                      
    var svalue = obj.value;
                      
    var webFileUrl = "?cityid=" + svalue;
                      
    var result = "";
                      
    var xmlHttp = new ActiveXObject("MSXML2.XMLHTTP");
                      xmlHttp.open(
    "POST", webFileUrl, false);
                      xmlHttp.send(
    "");
                      result 
    = xmlHttp.responseText;
                      
                      
    if(result != "")
                      
    {
                        document.all(
    "ListBox3").length=0;
                        
    var piArray = result.split(",");
                        
    for(var i=0;i<piArray.length;i++)
                        
    {
                          
    var ary1 = piArray[i].toString().split("|");
                          document.all(
    "ListBox3").options.add(new Option(ary1[1].toString(),ary1[0].toString()));
                        }

                      }

                      
    else
                      
    {
                        alert(result);
                      }

                    }
                    
                
    //-->
            
    </SCRIPT>
        
    </HEAD>
        
    <body MS_POSITIONING="GridLayout">
            
    <form id="Form1" method="post" runat="server">
                
    <asp:ListBox id="ListBox1" style="Z-INDEX: 101; LEFT: 24px; POSITION: absolute; TOP: 16px" runat="server"
                    Height
    ="448px" Width="200px"></asp:ListBox>
                
    <asp:ListBox id="ListBox2" style="Z-INDEX: 102; LEFT: 352px; POSITION: absolute; TOP: 24px" runat="server"
                    Height
    ="432px" Width="168px"></asp:ListBox>
                
    <asp:ListBox id="ListBox3" style="Z-INDEX: 103; LEFT: 568px; POSITION: absolute; TOP: 24px" runat="server"
                    Height
    ="424px" Width="200px"></asp:ListBox>
            
    </form>
        
    </body>
    </HTML>2.cs代码
    public class WebForm2 : System.Web.UI.Page
        
    {
            
    protected System.Web.UI.WebControls.ListBox ListBox1;
            
    protected System.Web.UI.WebControls.ListBox ListBox2;
            
    protected System.Web.UI.WebControls.ListBox ListBox3;
        
            
    public static string ConnectionString=System.Configuration .ConfigurationSettings .AppSettings["ConnectionString"];
        
            
    GetDataSet

            
    property

            
    Page_Load

            
    down2_bind

            
    down3_bind
            
            
    down1_bind

            
    Web Form Designer generated code
        }
    3.数据库下载/Files/singlepine/area.rar
    4.数据库脚本(3,4随便一个就可以)
    if exists (select * from dbo.sysobjects where id = object_id(N'[dbo].[area]'and OBJECTPROPERTY(id, N'IsUserTable'= 1)
    drop table [dbo].[area]
    GO

    if exists (select * from dbo.sysobjects where id = object_id(N'[dbo].[city]'and OBJECTPROPERTY(id, N'IsUserTable'= 1)
    drop table [dbo].[city]
    GO

    if exists (select * from dbo.sysobjects where id = object_id(N'[dbo].[povince]'and OBJECTPROPERTY(id, N'IsUserTable'= 1)
    drop table [dbo].[povince]
    GO

    CREATE TABLE [dbo].[area] (
        
    [id] [int] NOT NULL ,
        
    [areaID] [nvarchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
        
    [area] [nvarchar] (60) COLLATE Chinese_PRC_CI_AS NULL ,
        
    [father] [nvarchar] (6) COLLATE Chinese_PRC_CI_AS NULL 
    ON [PRIMARY]
    GO

    CREATE TABLE [dbo].[city] (
        
    [id] [int] NOT NULL ,
        
    [cityID] [nvarchar] (6) COLLATE Chinese_PRC_CI_AS NULL ,
        
    [city] [nvarchar] (50) COLLATE Chinese_PRC_CI_AS NULL ,
        
    [father] [nvarchar] (6) COLLATE Chinese_PRC_CI_AS NULL 
    ON [PRIMARY]
    GO

    CREATE TABLE [dbo].[povince] (
        
    [id] [int] NOT NULL ,
        
    [provinceID] [nvarchar] (6) COLLATE Chinese_PRC_CI_AS NULL ,
        
    [province] [nvarchar] (40) COLLATE Chinese_PRC_CI_AS NULL 
    ON [PRIMARY]
    GO
  • 相关阅读:
    SnappyHexMesh(之七)创建二维几何体
    SnappyHexMesh(之六)体加密
    SnappyHexMesh(之五)面加密
    SnappyHexMesh(之四)面贴合参数
    SnappyHexMesh(之三)全局参数
    SnappyHexMesh(之二)背景网格
    SnappyHexMesh(之一)算法详述
    【转】编译EDEM2018+Fluent19.0耦合接口
    【读MFiX源代码】2 读time march loop(dt_loop)(仍在mfix.f)
    【转】linux下每间隔一段时间执行一个脚本
  • 原文地址:https://www.cnblogs.com/winner/p/618563.html
Copyright © 2011-2022 走看看