`
webcode
  • 浏览: 6076976 次
  • 性别: Icon_minigender_1
  • 来自: 上海
文章分类
社区版块
存档分类
最新评论

用.net生成javascript后,再实现二层菜单的级联

 
阅读更多
<%...@Pagelanguage="c#"Codebehind="WebForm1.aspx.cs"AutoEventWireup="false"Inherits="mytest.WebForm1"%>
<!DOCTYPEHTMLPUBLIC"-//W3C//DTDHTML4.0Transitional//EN">
<HTML>
<HEAD>
<title>WebForm1</title>
<metaname="GENERATOR"Content="MicrosoftVisualStudio.NET7.1">
<metaname="CODE_LANGUAGE"Content="C#">
<metaname="vs_defaultClientScript"content="JavaScript">
<metaname="vs_targetSchema"content="http://schemas.microsoft.com/intellisense/ie5">
<script>...
vararry=newArray();
<%
for(inti=0;i<cdt.Rows.Count;i++)
...{
%>
arry[<%=i%>]=newArray("<%=cdt.Rows[i]["d_id"]%>","<%=cdt.Rows[i]["subname"]%>","<%=cdt.Rows[i]["sub_id"]%>");//注意这里的Array的使用，里面有三个下标，第一个下标索引为0
<%
}
%>
functionbindsub(value)
...{
document.getElementById("dlsmall").length=0;
for(vari=0;i<arry.length;i++)
...{
if(arry[i][0]==value)//重点：用于判断是不是选中的大类所对应的小类
...{
document.getElementById("dlsmall").options.add(newOption(arry[i][1],arry[i][2]));//arry[i][1]指arry数组里的下标为１的元素值
}
}
}
</script>
</HEAD>
<bodyMS_POSITIONING="GridLayout">
<formid="Form1"method="post"runat="server">
<FONTface="宋体">
<asp:DropDownListid="dlbig"style="Z-INDEX:101;LEFT:296px;POSITION:absolute;TOP:192px"runat="server"></asp:DropDownList>
<asp:DropDownListid="dlsmall"style="Z-INDEX:102;LEFT:440px;POSITION:absolute;TOP:192px"runat="server"></asp:DropDownList>
<asp:Buttonid="Button1"style="Z-INDEX:103;LEFT:376px;POSITION:absolute;TOP:264px"runat="server"
Text="Button"></asp:Button>
<asp:Labelid="Label1"style="Z-INDEX:104;LEFT:296px;POSITION:absolute;TOP:80px"runat="server"
Width="312px"ForeColor="Red">Label</asp:Label></FONT>
</form>
</body>
</HTML>

cs代码如下:

usingSystem;
usingSystem.Collections;
usingSystem.ComponentModel;
usingSystem.Data;
usingSystem.Drawing;
usingSystem.Web;
usingSystem.Web.SessionState;
usingSystem.Web.UI;
usingSystem.Web.UI.WebControls;
usingSystem.Web.UI.HtmlControls;
usingSystem.Configuration;
usingSystem.Data.SqlClient;

namespacemytest
...{
/**////<summary>
///WebForm1的摘要说明。
///</summary>
publicclassWebForm1:System.Web.UI.Page
...{
privatereadonlystringconnstr=ConfigurationSettings.AppSettings["connstr"].ToString();
protectedSystem.Web.UI.WebControls.DropDownListdlbig;
protectedSystem.Web.UI.WebControls.DropDownListdlsmall;
protectedSystem.Web.UI.WebControls.ButtonButton1;
protectedSystem.Web.UI.WebControls.LabelLabel1;
protectedDataTablecdt;//这里是html页面中要用到的datatable对象，所以必须将其设为公共的
privatevoidPage_Load(objectsender,System.EventArgse)
...{
if(!Page.IsPostBack)
...{
cdt=GetTB("select*fromsubunionaddress");
this.dlbig.Attributes.Add("onchange","bindsub(this.value)");
bindbig();
}
}

privatevoidbindbig()
...{
stringsql="select*fromunionaddress";
DataTabledt=GetTB(sql);
this.dlbig.DataTextField="name";
this.dlbig.DataValueField="d_id";
this.dlbig.DataSource=dt;
this.dlbig.DataBind();
}

privateDataTableGetTB(stringsql)
...{
SqlConnectionmyconn=newSqlConnection(connstr);
SqlDataAdapteradpt=newSqlDataAdapter(sql,myconn);
DataSetds=newDataSet();
adpt.Fill(ds);
return(DataTable)ds.Tables[0];
}

Web窗体设计器生成的代码#regionWeb窗体设计器生成的代码
overrideprotectedvoidOnInit(EventArgse)
...{
//
//CODEGEN:该调用是ASP.NETWeb窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}

/**////<summary>
///设计器支持所需的方法-不要使用代码编辑器修改
///此方法的内容。
///</summary>
privatevoidInitializeComponent()
...{
this.Button1.Click+=newSystem.EventHandler(this.Button1_Click);
this.Load+=newSystem.EventHandler(this.Page_Load);

}
#endregion

privatevoidButton1_Click(objectsender,System.EventArgse)
...{
stringbig=dlbig.SelectedValue.ToString();
stringnobig=dlsmall.SelectedValue.ToString();
stringsmall=Request.Form["dlsmall"].ToString();
//this.Label1.Text="当前你选定的是"+big.ToString()+"地区,"+small.ToString()+"市";
}
}
}

分享到：
| 1.4 微软的程序和项目管理
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    JavaScript 事件处理 二级菜单级联 示例代码

    JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 示例代码JavaScript 事件处理 二级菜单级联 ...

    级联菜单 级联菜单级联菜单级联菜单

    级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单...

    菜单级联菜单级联菜单级联

    菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联

    javascript实现级联菜单

    javascript实现省市级联菜单的效果

    级联菜单 动态级联菜单

    动态级联菜单的实现可以通过多种方式，例如使用javascript、JQuery、Ajax等技术。其中，使用javascript和服务器端脚本结合的方式是最为常见的。 在上面的代码中，我们可以看到使用了VBScript作为服务器端脚本语言，...

    jsp实现级联菜单 jsp实现级联菜单

    通过上述步骤，我们已经了解了如何使用JSP技术和JavaScript实现一个简单的级联菜单功能。这种方法不仅适用于简单的省份-城市选择器，还可以扩展到更复杂的多级选择器中。开发者可以根据具体需求调整和优化实现细节，...

    注册验证及javascript实现级联菜单

    本教程将探讨如何使用JavaScript实现注册验证以及级联菜单的功能，这些技术对于创建一个高效且用户体验良好的网页至关重要。 首先，让我们详细了解一下注册验证。注册验证是为了确保用户在创建账户时输入的信息是...

    .net下拉菜单的级联实现源码

    在.NET框架中，级联下拉菜单（Cascading Dropdown）是一种常见的用户界面设计，它允许用户在选择一个选项后，第二个或更多的下拉菜单会根据前一个选择更新其选项。这种交互方式常用于数据库相关的应用程序，以减少...

    asp.net级联菜单

    总的来说，使用JavaScript、ListBox和Control在ASP.NET中实现级联菜单需要结合客户端和服务器端的技术，通过JavaScript进行交互逻辑处理，利用ASP.NET控件展示菜单，同时通过AJAX技术实现数据的动态加载。...

    级联菜单的实现

    在Web开发中，级联菜单通常用HTML、CSS和JavaScript实现。HTML负责定义菜单结构，CSS控制样式，JavaScript处理交互逻辑。例如，可以使用`&lt;ul&gt;`和`&lt;li&gt;`标签创建一个多级的无序列表，然后通过CSS的`display`属性控制...

    级联菜单级联菜单级联菜单

    级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单级联菜单

    .net jquery无刷新级联菜单

    总之，".net jquery无刷新级联菜单"是一个实用的前端组件，它结合了.NET的后端处理能力和jQuery的前端交互，实现了高效且流畅的三级菜单选择。对于初学者来说，这是一个很好的学习案例，可以帮助他们理解前后端交互...

    用AJAX实现的级联菜单

    3. **JavaScript 初始化**：在页面加载完成后，使用JavaScript初始化级联菜单。这可能包括设置默认选中项，以及为菜单项绑定点击事件监听器。 4. **AJAX 请求**：当用户点击某个菜单项时，触发AJAX请求。这个请求的...

    javascript四级级联下拉菜单

    4. **动态生成菜单**：在处理函数中，根据当前选中的值，查找并构建下一级菜单的选项。这可能涉及到遍历数据结构，找到匹配的子菜单，并将其转化为HTML代码插入到DOM中。 5. **样式设计**：虽然描述中提到样式可以...

    asp.net 实现国家省市三级级联菜单

    在ASP.NET中，实现国家省市三级级联菜单是一项常见的需求，尤其在构建具有地域选择功能的网站时。这种级联菜单通常由一个下拉列表触发，用户选择一个国家后，对应的省份列表会自动加载，接着选择省份后，城市列表也...

    二级级联菜单

    在本例中，我们讨论的是通过JavaScript实现的二级级联菜单，即在一个文本框的选择会影响到另一个文本框的可选项。 一、级联菜单的基本概念 级联菜单由多个层次的菜单项构成，通常表现为一个菜单项展开后显示下一级...

    java实现Ajax级联菜单

    在本案例中，我们关注的是如何使用Java和Ajax技术来实现一个二级联动的菜单。Ajax，即Asynchronous JavaScript and XML，是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。Java则是后端编程语言，...

    Ajax 实现级联菜单

    在本项目中，Ajax被用来实现级联菜单的效果，即一个下拉菜单的选择会影响另一个下拉菜单的内容，这种交互方式常见于数据层级关系丰富的表单中。下面将详细介绍Ajax实现级联菜单的相关知识点。 1. **异步通信**： ...

    JSP+JavaScript打造二级级联下拉菜单

    ### JSP+JavaScript 实现二级级联下拉菜单的知识点解析 #### 一、概述 在Web开发领域，实现动态的交互式用户界面是提升用户体验的重要手段之一。本文档将详细解析如何通过JSP（JavaServer Pages）与JavaScript来...

    java web下开发二级级联下拉菜单（数据库实现的）

    在Java Web开发中，二级级联下拉菜单是一种常见的用户界面元素，用于提供层次结构的选择。这个场景中，我们利用数据库存储数据，并通过后端处理逻辑动态生成这些下拉菜单。下面将详细介绍如何使用MySQL数据库来实现...

Magicbox
Global site tag (gtag.js) - Google Analytics