js 控制下拉菜单刷新的代码

发布时间:2020-10-01编辑:脚本学堂
分享一段js控制下拉菜单刷新的代码,用在asp.net程序中,有兴趣的朋友可以研究下。

具体实现思路:母版页隐藏控件,从内容页接收值,然后JS根据接受的值控制菜单的实现。

1,母版页中隐藏控件:
 

复制代码 代码示例:
<asp:Label ID="Lbl_X" runat="server" Text="text" style="display:none"></asp:Label>
<asp:Label ID="Lbl_Xn" runat="server" Text="text" style="display:none"></asp:Label>
JS:
  <%-- 设置选中--%>
    <script type="text/javascript">
        var X = document.getElementById('<%=this.Lbl_X.ClientID %>').innerText;
        var Xn = document.getElementById('<%=this.Lbl_Xn.ClientID %>').innerText;
        var div = document.getElementById(X);
        if (div != null) {
            div.setAttribute("class", 'nav-top-item current');
        }
        var div2 = document.getElementById(Xn);
        if (div != null) {
            div2.setAttribute("class", 'current');
        }
    </script>

2,内容页给隐藏母版页控件赋值:
 

复制代码 代码示例:
//设置母版页Lable的值,以控制菜单项的css:
Label X = (Label)this.Master.FindControl("Lbl_X");
X.Text = "A";
Label Xn = (Label)this.Master.FindControl("Lbl_Xn");
Xn.Text = "A1";