实现无刷新DropdownList联动效果

最新推荐文章于 2013-03-13 13:29:00 发布

转载最新推荐文章于 2013-03-13 13:29:00 发布 · 525 阅读

文章标签：

#dataset #server #asp #string #firefox #list

Asp.Net 专栏收录该内容

65 篇文章

订阅专栏

本文介绍了一个使用ASP.NET DropDownList控件结合AJAX实现动态加载数据的示例。当用户选择某个项时，会触发一个AJAX请求，从服务器获取相应数据并填充到另一个下拉列表中。

未兼容firefox

<form id="form1" runat="server"> <div> <asp:dropdownlist id="dropdownlist1" runat="server"></asp:dropdownlist> 　　<asp:dropdownlist id="dropdownlist2" runat="server"> <asp:ListItem Value="11">11</asp:ListItem></asp:dropdownlist> </div> </form> <mce:script type="text/javascript"></mce:script>

protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { this.Bind(); } if (this.Request["state"] != null) { string state = this.Request["state"].ToString(); string sql = "SELECT CityName FROM dbo.ET_City WHERE CityID=" + state; DataSet ds = new DataSet("CITY"); DataSet ds2 = ETHaiNan.DBUtility.DbHelperSQL.Query(sql); ds = ds2; 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(); } } private void Bind() { ArrayList list = new ArrayList(); for (int i = 11; i < 20; i++) { list.Add(i); } this.dropdownlist1.DataSource = list; this.dropdownlist1.DataBind(); this.dropdownlist1.Attributes.Add("onchange", "load(this.options[this.selectedIndex].innerText)"); }

source http://blog.youkuaiyun.com/cuike519/archive/2004/08/22/81727.aspx