分享个极好的无刷新二级联动下拉列表,同样适用与firefox

可能"极好的"又会带来很多的非议,但是我认为这确实很好,我看了大约20个无刷新的连动下拉列表,他们在firefox下面就一团糟.为了这个我差不多搞了两天,就是如果提交窗体后如何保持第二个列表框的值,因为通过js 给下拉框添加条目那么他的状态是不会被保存的
测试平台:ie6,firefox
功能:二级无刷新连动
特点:跨浏览器;提交窗体取第二下拉框的值;数据来源于数据库;以xmlhttp来发送请求,实现无刷新
请求:如果您能够找到更好的方法请告诉我,非常感谢,您的批评和建议对我是莫大的鼓励
we***rm1.aspx:
<%@ Page language="c#" Codebehind="We***rm1.aspx.cs" AutoEventWireup="false" Inherits="dr***WebForm1" %>


 
 
 
 
 
  http://sc***s.microsoft.com/intellisense/ie5">http://sc***s.microsoft.com/intellisense/ie5">
 
 
 
 

后台we***rm1.aspx.cs:
using System;
using Sy***m.Collections;
using Sy***m.ComponentModel;
using Sy***m.Data;
using Sy***m.Drawing;
using Sy***m.Web;
using Sy***m.Web.SessionState;
using Sy***m.Web.UI;
using Sy***m.Web.UI.WebControls;
using Sy***m.Web.UI.HtmlControls;
using Sy***m.Configuration;
using Sy***m.Data.SqlClient;

namespace drop
{
 ///

  protected void BindDrop()
  {
   //首先我想父dropdownlist也绑定数据库,后面想没必要
   //if(!IsPostBack)
   //{
    //绑定父dListParent
   // BindParent();
   //}
     //获得传递过来的parent_id值,如果是第一次请求他为null
   string str = Re***st.QueryString["parent_id"];
   string str1 = dL***Parent.SelectedValue;;
   Re***nse.Write(str1);
   //如果str加个字符串!=原来的字符串则说明触发过dListParent的onchange事件
   if((str+"abc")!="abc")
   {
      //绑定 dListChild控件
    BindChild(str);//把传来的父DropDownList的value做为参数
      }
   else
    BindParent(str1);
  }

  protected void BindParent(string str)
  {
   //如果是第一次请求或者是刷新这个页面则根据dListParent的值来选择
   //把参数转化成int
   int i = Co***rt.ToInt32(str);
   dL***Child.Items.Clear();
   dL***Child.Items.Add(new ListItem("全部型号","0"));
   //得到数据库连接字符串
   string connStr = Co***gurationSettings.AppSettings["ConnString"].ToString();
   //初始化个conn对象
   SqlConnection conn = new SqlConnection(connStr);
   //数据库语句
   string commStr = st***g.Format("select type_value,type_text from phone_type where parent_id={0}",i);
   //建立数据库命令对象
   SqlCommand comm = new SqlCommand(commStr,conn);
   //打开数据库
   co***Open();
   //执行命令
   SqlDataReader dr = co***ExecuteReader();
   //循环dr，给dListParent添加条目
   while(dr.Read())
   {
      dL***Child.Items.Add(new ListItem(dr[1].ToString(),dr[0].ToString()));
    //也可以这样
    //***stParent.Items.Add(new ListItem(dr["phone_text"].ToString(),dr["phone_value"].ToString()));
   }
   dL***Parent.Items[0].Selected = true;
   //添加下面这话的意思是当点提交按钮提交窗体的时候第二个dListChild的状态能够得到保存
   dL***Child.SelectedValue = Re***st.Form["dListChild"];
   dr.Close();
   co***Close();
  }

  protected void BindChild(string str)
  {
     //通过js给包括dropdownlist任何控件添加的内容不会被保存状态
   //把参数转化成int
   int i = Co***rt.ToInt32(str);
   //定义个字符串用保存从数据库返回的数据
   string result = "";
   //先清空输出的东西
   Re***nse.Clear();
   string connStr = Co***gurationSettings.AppSettings["ConnString"].ToString();
   SqlConnection conn = new SqlConnection(connStr);
   SqlCommand comm = co***CreateCommand();
   string commStr = st***g.Format("select type_value,type_text from phone_type where parent_id = {0}",i);
   co***CommandText = commStr;
   co***Open();
   SqlDataReader dr = co***ExecuteReader();
   while(dr.Read())
   {
    result += ","+dr[0].ToString() +"|" + dr[1].ToString();
    //dL***Child.Items.Add(new ListItem(dr[1].ToString(),dr[0].ToString()));
   }
   //把从数据库得到的信息输出到客户端
   Re***nse.Write(result);
   //输出完成关闭Response,以免造成不必要的输出
   Re***nse.Flush();
   Re***nse.Close();
   dr.Close();
   co***Close();
  }
  #region Web 窗体设计器生成的代码
  override protected void OnInit(EventArgs e)
  {
   //
   // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
   //
   InitializeComponent();
   ba***OnInit(e);
  }
 
  ///

  }
  #endregion

  private void Button1_Click(object sender, Sy***m.EventArgs e)
  {
   Re***nse.Write(Re***st.Form["dListChild"].ToString());
  }
 }
}

数据表:
主键id     parent_id(int)          type_value(int)     type_text(varchar)
int递增   父下拉框的value值        下拉框的value        下拉框的text