当使用母版页时JavaScript客户端获取服务器控件的Id

最新推荐文章于 2019-02-26 21:27:00 发布

徐朗

最新推荐文章于 2019-02-26 21:27:00 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： C# ASP.NET 文章标签： ASP.NET C# ASP.NET模版页

本文链接：https://blog.youkuaiyun.com/xujunheng/article/details/39159425

C# 同时被 2 个专栏收录

19 篇文章

订阅专栏

ASP.NET

7 篇文章

订阅专栏

本文详细介绍了在ASP.NET中使用MasterPage、UserControl等容器时，如何避免控件重复命名并自动生成ClientID。通过示例展示了如何在JavaScript中获取服务器控件的ID，并进行简单的操作，如弹出窗口显示控件值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

当使用MasterPage、UserControl等容器时，为了避免控件的重复命名，asp.net会自动将容器中的控件生成一个ClientID（Control Tree中的可生成，否则不会生成）。

JavaScript客户端脚本获取服务器控件Id： <%=TextBox1.ClientID%> 即： <%= 服务器控件id.ClientID%>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
　　　　<script type="text/javascript">
    　　　　function show() {
        　　　　var str = document.getElementById_x("<%=TextBox1.ClientID%>").value;
        　　　　alert(str);
   　　　　 }
　　　　</script>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
   　　　<table>
    　　　　 <tr>
     　　　　   <td>
      　　　　　　搜索页面<asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
      　　　　　　<asp:TextBox ID="TextBox1" runat="server" onclick="show()"></asp:TextBox>
      　　　　　　<asp:Button ID="Button1" runat="server" onclick="Button1_Click" Text="Button"/>
     　　　　  </td>
    　　　　</tr>
   　　　</table>
</asp:Content>