DropDownLis实现无刷新联动菜单
来源:互联网 发布:caffe 分布式架构 编辑:程序博客网 时间:2024/06/10 07:35
以下为页面代码:
<form id="Form1" method="post" runat="server">
<asp:DropDownList id="DropDownList1" runat="server"></asp:DropDownList>
<asp:DropDownList id="DropDownList2" runat="server"></asp:DropDownList>
<SCRIPT LANGUAGE="JavaScript">
<!--
//以XML求取数据
function XmlPost(obj)
{
var svalue = obj.value;
var webFileUrl = "?brc_id=" + svalue;
var result = "";
var xmlHttp = new ActiveXObject("MSXML2.XMLHTTP");
xmlHttp.open("POST", webFileUrl, false);
xmlHttp.send("");
result = xmlHttp.responseText;
if(result != "")
{
document.all("DropDownList2").length=0;
var piArray = result.split(",");
for(var i=0;i<piArray.length;i++)
{
var ary1 = piArray[i].toString().split("|");
//alert(ary1[0].toString());
document.all("DropDownList2").options.add(new Option(ary1[1].toString(),ary1[0].toString()));
}
}
else
{
alert(result);
}
}
//-->
</SCRIPT>
</form>
以下为后台代码:
private System.Data.OleDb.OleDbConnection conn;
private DataTable get_dt(string sql)
{
string connstr = "Provider=MSDAORA.1;Password=aqjc;User ID=aqjc;Data Source=aqjc";
this.conn = new OleDbConnection(connstr);
this.conn.Open();
OleDbCommand myOleDbCommand = new OleDbCommand(sql,this.conn);
OleDbDataAdapter myData = new OleDbDataAdapter(myOleDbCommand);
DataSet myDataset = new DataSet();
try
{
myData.Fill(myDataset);
}
catch(Exception ex)
{
throw ex;
}
this.conn.Close();
return myDataset.Tables[0];
}
private void Page_Load(object sender, System.EventArgs e)
{
string brc_id = this.Request.QueryString["brc_id"];
if(brc_id + "a" != "a")
{
this.down2_bind(brc_id);
}
if(!this.IsPostBack)
{
this.down1_bind();
}
}
/// <summary>
/// 返回第2个下拉框需要的值给xmlhttp
/// </summary>
/// <param name="brc_id"></param>
private void down2_bind(string brc_id)
{
string mystr = "";
string sql = "select brc_id,brc_name from asm_branch where brc_parentid = '" + brc_id + "'";
DataTable mytab = this.get_dt(sql);
if(mytab.Rows.Count != 0)
{
for(int i=0;i<mytab.Rows.Count;i++)
{
mystr += "," + mytab.Rows[i][0].ToString() + "|" + mytab.Rows[i][1].ToString();
}
mystr = mystr.Substring(1);
}
this.Response.Write(mystr);
this.Response.End();
}
/// <summary>
/// 绑定第一个下拉框
/// </summary>
private void down1_bind()
{
string sql = "select brc_id,brc_name from asm_branch where brc_level = '1'";
DataTable mytab = this.get_dt(sql);
this.DropDownList1.DataSource = mytab;
this.DropDownList1.DataValueField = "brc_id";
this.DropDownList1.DataTextField = "brc_name";
this.DropDownList1.DataBind();
this.DropDownList1.Attributes.Add("onchange","XmlPost(this);");
}
- DropDownLis实现无刷新联动菜单
- 用XMLTHHP实现DropDownList无刷新联动菜单[联动菜单]
- 三级地区无刷新实现菜单联动
- 无刷新联动菜单
- 无刷新联动菜单
- 无刷新联动菜单
- .NET中实现无客户端联动菜单(无刷新)[转]
- 实现无刷新联动
- Javascript 实现无刷新联动菜单(select)的方法
- Javascript 实现无刷新联动菜单(select)的方法
- 实现无刷新三级联动菜单[VS2005与AjaxPro]
- 实现无刷新三级联动菜单[vs2005与ajaxpro]
- Javascript 实现无刷新联动菜单(select)的方法
- c#结合js实现无刷新省市联动菜单
- Javascript 实现无刷新联动菜单(select)的方法
- Javascript 实现无刷新联动菜单(select)的方法
- JS实现无刷新联动菜单(select)的方法
- .NET中实现无刷新客户端联动下拉菜单 (无刷新)
- 大二你能做什么
- Role分析模式(一) 角色对象基本概念
- Role分析模式(二)角色对象创建和管理
- 一种简单实用的全屏方法
- 备忘录
- DropDownLis实现无刷新联动菜单
- 有了解清华同方真爱T8680的请赐教
- 搬家了~~
- 获得光标在多行textbox中的行与列的函数
- 在textbox里放按钮并控制输入字符不能覆盖住按钮(包括设计阶段)
- 重写datagrid(禁止对列宽进行拖拽)
- 【收藏】宋兴烈:变革前的思索
- 《IBM-PC汇编语言程序设计 第二版》部分习题答案(第5章)
- 工作太无聊了~~~