使用 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");
});

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