C#:二级联动菜单的实现

 

二级联动菜单,顾名思义,即一个菜单的变化会自动触发另一个相关联菜单的变化。

举个简单的例子,第一个菜单显示“北京”,第二菜单会相应绑定列表“海淀区”,“宣武区”,“东城区”,“朝阳区”等;而当第一个菜单显示“山东”时,第二个菜单会绑定列表“济南”、“青岛”、“淄博”、“泰安”、“威海”等。

二级联动菜单的特色就在于“联动”二字上,联动联动即自动触发,这便是我自己理解的联动菜单的本质。

 

下面讲一下我做的这个联动菜单。此联动菜单实现了大学科和小学科之间的自动绑定,如下图:

 

使用技术:javascript和C#,不得不说,javascript的功能确实很强大,二级菜单的联动功能就是靠它实现的,C#只是一个大环境而已。

 

实现流程:

1.在aspx页面中,新建两个DropDownList,分别为ddlCla和ddlShow。其中,ddlCla绑定大学科类别,ddlShow绑定相应的小学科类别列表。

2.javascript实现二级联动。

这项功能主要是两个函数实现

function $()和function test(),然后给ddlCla添加onChange="test();"属性即可。

 

详细代码:

 

 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="Interaction_Menu._Default" %>




    无标题页
   

你可能感兴趣的:(c#,c,asp,生物,教育,体育)