如何在jquery中选择asp:repeater元素下的输入字段

how to select input field under asp:repeater element in jquery

本文关键字：元素 repeater 字段输入 asp jquery 选择更新时间：2023-09-26

<asp:UpdatePanel ID="radpnl1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="true">
    <ContentTemplate>
        <asp:Repeater ID="rpt_Template" runat="server">
            <HeaderTemplate>
                <table id="tblusers" width="100%" cellpadding="2" cellspacing="2">
            </HeaderTemplate>
            <ItemTemplate>
                <tr>
                    <td width="20%" class="table_row2">
                        Name :
                    </td>
                    <td class="table_row2">
                        <input type="text" id="txt_template" name="txt_template" value='<%# DataBinder.Eval(Container.DataItem, "TemplateName") %>'
                            maxlength="200" />
                        <input type="hidden" id="hdnDeletedIds" name="hdnDeletedIds" value="" />
                    </td>
                </tr>
      </table>
    </ContentTemplate>
</asp:UpdatePanel>

我是新来的Jquery。我想知道我是否可以用id="txt_template"选择上面的所有输入字段，以使用Jquery函数比较它们的名称。由于这是在<asp:repeater>控制下，我不确定如何实现这一点。

在中继器中，您需要使用class而不是id。我不太确定，但我认为你给服务器控件runat=server的id本质上不是渲染id。

所以像这样使用一个类

<asp:UpdatePanel ID="radpnl1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="true">
<ContentTemplate>
    <asp:Repeater ID="rpt_Template" runat="server">
        <HeaderTemplate>
            <table id="tblusers" width="100%" cellpadding="2" cellspacing="2">
        </HeaderTemplate>
        <ItemTemplate>
            <tr>
                <td width="20%" class="table_row2">
                    Name :
                </td>
                <td class="table_row2">
                    <input type="text" class='aSuperInput' id="txt_template" name="txt_template" value='<%# DataBinder.Eval(Container.DataItem, "TemplateName") %>'
                        maxlength="200" />
                    <input type="hidden" id="hdnDeletedIds" name="hdnDeletedIds" value="" />
                </td>
            </tr>
  </table>
</ContentTemplate>

JQuery

  $('.aSuperInput').change(function(){
     //----
  });

或

  $('.aSuperInput').select(function(){
     //----.blur(), .focus(), .unblur(), ect.
  });