js 控制下拉菜单刷新的方法

162 阅读 0 评论 107 点赞

我是靠谱客的博主兴奋天空，最近开发中收集的这篇文章主要介绍js 控制下拉菜单刷新的方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

思路：母版頁隱藏控件從内容頁接收值 JS根據接受的值控制菜單項的現實
母版頁：
隱藏控件：

复制代码代码如下:

  <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>
    

内容頁給母版頁隱藏空間賦值：
//設置母版頁Lable的值，以控制菜單項CSS

复制代码代码如下:

            Label X = (Label)this.Master.FindControl("Lbl_X");
            X.Text = "A";
            Label Xn = (Label)this.Master.FindControl("Lbl_Xn");
            Xn.Text = "A1";