benben 发表于 2013-1-23 02:59:57

Ajax实现无刷新三联动下拉框

<div class="postText">http://www.cnblogs.com/images/cnblogs_com/singlepine/XmlHttpdropdownlist.JPG
1.html代码
<div style="border-right: #cccccc 1px solid; padding-right: 5px; border-top: #cccccc 1px solid; padding-left: 4px; font-size: 13px; padding-bottom: 4px; border-left: #cccccc 1px solid; width: 98%; padding-top: 4px; border-bottom: #cccccc 1px solid; background-color: #eeeeee;">http://www.cnblogs.com/Images/OutliningIndicators/None.gif<HTML>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif    <HEAD>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif        <title>Ajax实现无刷新三联动下拉框</title>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif        <meta content="Microsoft Visual Studio .NET 7.1" name="GENERATOR">
http://www.cnblogs.com/Images/OutliningIndicators/None.gif        <meta content="C#" name="CODE_LANGUAGE">
http://www.cnblogs.com/Images/OutliningIndicators/None.gif        <meta content="JavaScript" name="vs_defaultClientScript">
http://www.cnblogs.com/Images/OutliningIndicators/None.gif        <meta content="http://schemas.microsoft.com/intellisense/ie5" name="vs_targetSchema">
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif        <SCRIPT language="javascript">http://www.cnblogs.com/Images/dot.gif            
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif            //城市------------------------------
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif            function cityResult() 
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif            http://www.cnblogs.com/Images/dot.gif{ 
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                var city=document.getElementById("DropDownList1");
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                AjaxMethod.GetCityList(city.value,get_city_Result_CallBack);
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif            }
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif            
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif            function get_city_Result_CallBack(response)
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif            http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                if (response.value != null)
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif                http://www.cnblogs.com/Images/dot.gif{                    
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                    //debugger;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                    document.all("DropDownList2").length=0;                
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                var ds = response.value;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                    if(ds != null && typeof(ds) == "object" && ds.Tables != null)
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif                    http://www.cnblogs.com/Images/dot.gif{                    
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                        for(var i=0; i<ds.Tables[0].Rows.length; i++)
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif                    http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                        var name=ds.Tables[0].Rows.city;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                      var id=ds.Tables[0].Rows.cityID;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                      document.all("DropDownList2").options.add(new Option(name,id));
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif                    }
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif                    }
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif                }                
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                return
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif            }
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif            //市区----------------------------------------
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif            function areaResult() 
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif            http://www.cnblogs.com/Images/dot.gif{ 
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                var area=document.getElementById("DropDownList2");
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                AjaxMethod.GetAreaList(area.value,get_area_Result_CallBack);
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif            }
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif            function get_area_Result_CallBack(response)
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif            http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                if (response.value != null)
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif                http://www.cnblogs.com/Images/dot.gif{                    
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                    document.all("DropDownList3").length=0;                
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                var ds = response.value;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                    if(ds != null && typeof(ds) == "object" && ds.Tables != null)
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif                    http://www.cnblogs.com/Images/dot.gif{                    
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                        for(var i=0; i<ds.Tables[0].Rows.length; i++)
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif                    http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                      var name=ds.Tables[0].Rows.area;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                      var id=ds.Tables[0].Rows.areaID;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                      document.all("DropDownList3").options.add(new Option(name,id));
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif                    }                
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif                    }
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif                }
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                return
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif            }
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif            function getData()
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockStart.gifhttp://www.cnblogs.com/Images/OutliningIndicators/ContractedSubBlock.gif            http://www.cnblogs.com/Images/dot.gif{
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                var province=document.getElementById("DropDownList1");
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                var pindex = province.selectedIndex;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                var pValue = province.options.value;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                var pText  = province.options.text;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                var city=document.getElementById("DropDownList2");
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                var cindex = city.selectedIndex;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                var cValue = city.options.value;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                var cText  = city.options.text;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                var area=document.getElementById("DropDownList3");
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                var aindex = area.selectedIndex;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                var aValue = area.options.value;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                var aText  = area.options.text;
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                var txt=document.getElementById("TextBox1");                                
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif
http://www.cnblogs.com/Images/OutliningIndicators/InBlock.gif                document.getElementById("<%=TextBox1.ClientID%>").innerText="省:"+pValue+"|"+pText+"市:"+cValue+"|"+cText+"区:"+aValue+"|"+aText;
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedSubBlockEnd.gif            }
http://www.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif        </SCRIPT>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif    </HEAD>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif    <body ms_positioning="GridLayout">
http://www.cnblogs.com/Images/OutliningIndicators/None.gif        <form id="Form1" method="post" runat="server">
http://www.cnblogs.com/Images/OutliningIndicators/None.gif            <TABLE id="Table1" style="Z-INDEX: 101; LEFT: 96px; POSITION: absolute; TOP: 32px" cellSpacing="1"
http://www.cnblogs.com/Images/OutliningIndicators/None.gif                cellPadding="1" width="300" border="1" bgColor="#ccff66">
http://www.cnblogs.com/Images/OutliningIndicators/None.gif                <TR>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif                    <TD>省市</TD>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif                    <TD><asp:dropdownlist id="DropDownList1" runat="server"></asp:dropdownlist></TD>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif                </TR>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif                <TR>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif                    <TD>城市</TD>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif                    <TD><asp:dropdownlist id="DropDownList2" runat="server"></asp:dropdownlist></TD>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif                </TR>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif                <TR>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif                    <TD>市区</TD>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif                    <TD><asp:dropdownlist id="DropDownList3" runat="server"></asp:dropdownlist></TD>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif                </TR>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif            </TABLE>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif            <asp:TextBox id="TextBox1" style="Z-INDEX: 102; LEFT: 416px; POSITION: absolute; TOP: 48px" runat="server"
http://www.cnblogs.com/Images/OutliningIndicators/None.gif                Width="424px"></asp:TextBox><INPUT style="Z-INDEX: 103; LEFT: 456px; WIDTH: 56px; POSITION: absolute; TOP: 96px; HEIGHT: 24px"
http://www.cnblogs.com/Images/OutliningIndicators/None.gif                type="button" value="test" onclick="getData();">
http://www.cnblogs.com/Images/OutliningIndicators/None.gif        </form>
http://www.cnblogs.com/Images/OutliningIndicators/None.gif    </body>
http://www.cnblogs.com/Images/Out
页: [1]
查看完整版本: Ajax实现无刷新三联动下拉框