【ASP.NET】使用JS动态更改ASP.NET网页标题和Label

本例子实现的是在页面中点击DropDownList选择列项后，同时更改网页标题以及指定Label。

http://lovingyk.blog.163.com/blog/static/12908355520106285057437/

aspx页：
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<script type="text/javascript">
function ChangeTitle() {
if (document.getElementById('<%=Me.ddlTyouhyouOpt.ClientID%>').value == "0")
{
document.title="事業部用標準原価仕掛リスト";
document.getElementById('<%=Me.lblTitle.ClientID%>').innerText = "事業部用標準原価仕掛リスト";
}
else
{
document.title="ＭＣ担当部署別仕掛明細表";
document.getElementById('<%=Me.lblTitle.ClientID%>').innerText = "ＭＣ担当部署別仕掛明細表";
}
}
</script>
</asp:Content>
...
...
...
<cc1:YRKSPLabel ID="lblTitle" runat="server" Text="事業部用標準原価仕掛リスト" Font-Bold="True" Font-Size="Larger" />
...
...
...
<cc1:YRKSPDropDownList ID="ddlTyouhyouOpt" runat="server" Columns="10"onClick=ChangeTitle()/>
红色部分是JS函数
绿色部分是JS在解释ASP.NET的指定控件的ID。获取ASP.NET控件ID不能直接使用'控件ID‘来获取。
蓝色部分是修改ASP.NET的Label控件的时候取/写值时的对应属性名，与其他大多数属性value有所不同。
血色部分是对应ASP.NET控件的ID
橙色部分是指定触发事件，本例中使用的是onClick