如何使用Javascript访问EditItemTemplate中下拉列表的ID
How to access the ID of dropdownlist in EditItemTemplate using Javascript?
我想访问下拉列表的id,这是在GridView的EditItemTemplate。我可以使用
访问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>
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");
相关文章:
- 根据前两个下拉ID显示第三个下拉列表
- 如何从值的Angular下拉列表中获取ID
- 自动完成带有id和值的下拉列表
- jQuery无法从下拉列表中获取id
- 检测所选的下拉列表并返回其值和ID
- 如何根据GeoJSON属性中的ID号设置下拉列表项的顺序
- 如何将下拉列表中检索到的值的id从数据库发送到php文件
- 如何将 ID 分配给动态下拉列表选择
- 代码点火器动态表单下拉列表,不返回值,而是返回 ID
- 对添加的 atrribute 或 id 的下拉列表进行排序
- 级联下拉列表,将<选项>值作为 ID 传递
- 获取下拉列表的选定 id
- 如何获取没有下拉列表名称,ID或类的下拉选定值
- Jquery 从下拉列表中获取所选值的 id
- 在选择框(下拉列表)中检查元素 ID 值
- 如何将 jquery 多选下拉列表的选定值放入隐藏元素的 id 中
- 使用 $('#id').val() 不会返回下拉列表的选定值
- 选择具有以某个字符串开头的 ID 选择器的下拉列表
- 如何在动态表单中获取选择下拉列表的名称或id
- 如何从相扑选择下拉列表中获取下拉ID