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

时间:2014-06-09 18:48:08

标签: javascript jquery asp.net

<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>控制,我不知道如何实现这一目标。

1 个答案:

答案 0 :(得分:0)

在转发器内部,您需要使用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.
  });