javascript - 如何使用Javascript访问EditItemTemplate中下拉列表的ID？

Question

我想访问 GridView 的 EditItemTemplate 中的 dropdownlist 的 id。我可以使用

访问 FooterRow 中的 id

 var ddlpresentday = document.getElementById("<%=((DropDownList)gridEarning.FooterRow.
FindControl("ddlFPresentDay")).ClientID%>");

但是当 GridView 处于编辑模式时遇到问题。请帮助我。

GridView:

<asp:GridView ID="gridEarning" runat="server">
  <asp:TemplateField HeaderText="Present Days to be considerd on" 
    SortExpression="TAXABLE" meta:resourcekey="TemplateField19Resource">
    <EditItemTemplate>
      <asp:DropDownList ID="ddlEditPresentDay" CssClass="ddlEditPresentDay" 
        runat="server" Enabled="false" Height="20px" Width="110px"      
        meta:resourcekey="ddlPresentDayResource2">
          <asp:ListItem Value="0" meta:resourcekey="ddlPreDaysListItemResource1">All Days</asp:ListItem>
          <asp:ListItem Value="1" meta:resourcekey="ddlPreDaysListItemResource2">Business Days</asp:ListItem>
          <asp:ListItem Value="2" meta:resourcekey="ddlPreDaysListItemResource3">Off Days and Holidays</asp:ListItem>
      </asp:DropDownList>
    </EditItemTemplate>
    <FooterTemplate>
      <asp:DropDownList ID="ddlFPresentDay" runat="server" Height="20px" Enabled="false" Width="110px" meta:resourcekey="ddlPresentDayResource2">
        <asp:ListItem Value="0" meta:resourcekey="ddlPreDaysListItemResource1">All Days</asp:ListItem>
        <asp:ListItem Value="1" meta:resourcekey="ddlPreDaysListItemResource2">Business Days</asp:ListItem>
        <asp:ListItem Value="2" meta:resourcekey="ddlPreDaysListItemResource3">Off Days and Holidays</asp:ListItem>
      </asp:DropDownList>
    </FooterTemplate>
    <ItemTemplate>
      <asp:Label ID="lblPresentDays" runat="server" Text="Helllo"
        meta:resourcekey="lblPresentDaysResource1"></asp:Label>
    </ItemTemplate>
  </asp:TemplateField>
</GridView>

Answer 1

JQuery 在这种情况下有很大的帮助(特别是 css 类选择器)。无论如何，即使没有 jquery，您也可以定义具有唯一 id 的自定义包装元素并依赖该元素 - 例如:

<FooterTemplate>
  <span id="gridFooter">
    <asp:DropDownList ... ></asp:DropDownList>
  </span>
</FooterTemplate>

然后您可以简单地选择它，如下所示:

var ddlpresentday = document.getElementById("gridFooter").firstElementChild;

编辑

同时添加 jQuery 解决方案:

<FooterTemplate>
  <asp:DropDownList CssClass="unique-footer-select" ... ></asp:DropDownList>
</FooterTemplate>  

var ddlpresentday = $(".unique-footer-select");