无刷新联动下拉框
来源:互联网 发布:精品mac应用分享 编辑:程序博客网 时间:2024/06/02 21:33
在Page_Load里面:
if(!IsPostBack)
{
if(this.Request["getDataSet"] != null)
{
SqlConnection conn = new SqlConnection("server=localhost;database=pubs;uid=sa;pwd=;");
SqlDataAdapter da = new SqlDataAdapter("SELECT DISTINCT city,state FROM authors",conn);
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();
}
else
{
SqlConnection conn = new SqlConnection("server=.;database=pubs;uid=sa;pwd=;");
SqlDataAdapter da = new SqlDataAdapter("SELECT DISTINCT state FROM authors",conn);
DataSet ds=new DataSet();
da.Fill(ds,"state");
this.DropDownList1.DataSource=ds;
this.DropDownList1.DataTextField = "State";
this.DropDownList1.DataValueField = "State";
this.DropDownList1.DataBind();
this.DropDownList1.Items.Insert(0,new ListItem("--请选择--","-1"));
this.DropDownList1.Attributes.Add("onchange","bindDrp2()");
}
}
客记端js:
var oHttpReq;
var oDoc;
function window.onload()
{
oHttpReq = new ActiveXObject("MSXML2.XMLHTTP");
oDoc = new ActiveXObject("MSXML2.DOMDocument");
oHttpReq.open("POST", "WebForm1.aspx?getDataSet=yes", false);
oHttpReq.send("");
result = oHttpReq.responseText;
oDoc.loadXML(result);
}
function bindDrp2()
{
var drp2 = document.getElementById("DropDownList2");
for (i = drp2.length; i >= 0; i--)
{
drp2.options.remove(i);
}
var newOption = document.createElement("OPTION");
newOption.text = "--请选择--";
newOption.value = "-1"
drp2.add(newOption);
itemCity = oDoc.selectNodes("//city/Table/city");
itemState = oDoc.selectNodes("//city/Table/state");
itemLength = itemCity.length;
for (var i = 0; i < itemLength; i++)
{
if(Form1.DropDownList1.item(Form1.DropDownList1.selectedIndex).value == itemState[i].text)
{
var newOption = document.createElement("OPTION");
newOption.text = itemCity[i].text;
newOption.value = itemCity[i].text;
drp2.add(newOption);
}
}
}
- 无刷新联动下拉框
- AJAX无刷新下拉框联动
- AJAX无刷新下拉框联动
- 另类无刷新、联动下拉列表框(二级+XMLHttpRequest)
- 一个无刷新的二级联动下拉框
- [JS]年月日三下拉框无刷新联动
- jquery实现下拉列框(Html.DropDownList)无刷新联动
- jQuery Ajax实现下拉框无刷新联动
- ajax无刷新二级联动下拉菜单
- 无刷新下拉框
- jquery ajax 下拉框三级无刷新联动,并保存保持选中值状态
- ASP.NET无刷新二级联动下拉列表
- 极好的无刷新二级联动下拉列表
- ASP.NET无刷新二级联动下拉列表
- AJAX+ASP.NET无刷新二级联动省市下拉列表
- JS无刷新二级联动省市下拉列表
- ASP.NET无刷新二级联动下拉列表
- ASP.NET无刷新二级联动下拉列表
- 我的简历
- Operator new Surprises in VC6
- C#的WinForm程序应用了XP主题样式之后,抛出异常的解决方法
- 有效编写软件的75条建议
- 我的电脑出现蓝屏,请大家帮帮我!
- 无刷新联动下拉框
- 汇编
- iptables--静态防火墙实例教程
- 右下角自动弹出广告的删除
- 利用ADODB写文件——恶意文件young.gif代码的分析心得1
- 五种常见的ASP.NET应用程序安全缺陷
- China”这一名称的来源和词义
- 在cygwin下编译东东还是有很多问题阿
- 最近状况