使用JQuery选择自动生成的WebForm控件ID

Question

ASP.NET自动生成ID而不是使用我指定的ID。 我如何使用jQuery选择此值？ 我不相信自动生成的值总是相同的。

这是我的ASPX代码：

<asp:TextBox ID="txtZip" runat="server" CausesValidation="true" CssClass="short_width" MaxLength="10" />

这是生成的内容：

<input name="ctl00$MainContentArea$txtZip" type="text" maxlength="10" id="ctl00_MainContentArea_txtZip" class="short_width" />

这是我想要做的：

<script type="text/javascript">
    jQuery(function ($) {
        $("#txtZip").mask("99999?-9999");
    });
</script>

Answer 1

您可以使用类选择器：

jQuery(function ($) {
    $(".short_width").mask("99999?-9999");
});

我会创建一个新类，即zipCode并将其添加到您的控件：

<asp:TextBox ID="txtZip" runat="server" CausesValidation="true" CssClass="short_width zipCode" MaxLength="10" />

然后用这个：

jQuery(function ($) {
    $(".zipCode").mask("99999?-9999");
});

这样它就可以使它与其他风格分开。

Answer 2

如果您的javascript位于aspx页面中，则可以使用ClientId 。 无论如何，你必须使用类似于另一个答案的类。

<script type="text/javascript">
    jQuery(function ($) {
        $("#<%=txtZip.ClientId%>").mask("99999?-9999");
    });
</script>

Answer 3

.Net 4.5在控件上有ClientIDMode属性，如果你将它设置为static，那么控件的ID不会从你赋给它的内容改变，它将保留为txtZip。