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

发布时间:2020-11-19编辑:脚本学堂
用js代码来控制下拉菜单的刷新,有需要的朋友,不妨参考下。

思路:母版頁隱藏控件 從内容頁接收值 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";

建议大家创建相应的代码文件,进行本地测试,以检测效果。