javascript - 如何访问 js/jquery 中的用户控件值

Question

假设我创建了一个包含两个文本框和一个按钮的用户控件

 --Start UserControl UserDetails--
 <asp:TextBox runat="server" id="txtName"></asp:TextBox>
 <asp:TextBox runat="server" id="txtAddress"></asp:TextBox>
--End UserControl UserDetails-

在 aspx 中如果我使用相同的用户控件，

<uc1:UserDetails runat="server" ID="UserDetails1" />

1. 如何使用用户控件 ID UserDetails1 访问 txtName？
2. 如何让 $('#UserDetails1').val() 返回 txtName 的值？

Answer 1

只需在您的用户控件代码后面为您添加一个公共(public)属性TextBox

public TextBox Name
{
    get { return txtName; }
    set { txtName = value; }
}

现在您可以像这样访问您的 TextBox:

<uc1:UserDetails runat="server" ID="UserDetails1" />

    <script>
        $(function () {
            $("#<%= UserDetails1.Name.ClientID%>").val("set you text here");
            //or
            var name = $("#<%= UserDetails1.Name.ClientID %>").val();
        });
    </script>