在 Gridview 内的 jQuery 中获取隐藏字段值答案

【问题标题】：Get hidden field value in jQuery inside a Gridview在 Gridview 内的 jQuery 中获取隐藏字段值
【发布时间】：2013-09-12 15:53:01
【问题描述】：

我需要使用 jQuery 获取 gridview 中隐藏字段的值。我已经尝试过，但它对我不起作用。

//代码：

 <script type="text/javascript">
        $(document).ready(function () {
            $("table[id*='<%=grdTest.ClientID %>]' a[id*=getID]").click(function () {
                alert($(this).closest("tr").find("input[type=hidden][id*=key]").val());
            });
        });
    </script>

 <asp:GridView ID="grdTest" runat="server" AutoGenerateColumns="false">
        <Columns>
            <asp:TemplateField>
                <ItemTemplate>
                    <asp:HiddenField ID="key" runat="server" Value='<%#Eval("ID") %>'> </asp:HiddenField>
                </ItemTemplate>
            </asp:TemplateField>
            <asp:TemplateField HeaderText="Select">
                <ItemTemplate>
                    <a href="#" id="getID">Click</a>
                </ItemTemplate>
            </asp:TemplateField>
        </Columns>
    </asp:GridView>

当我单击链接时，我应该得到值。现在没有任何回应。我哪里错了？

【问题讨论】：

在模板字段中。 ,
我认为您忘记在此声明中添加 > <asp:HiddenField ID="key" runat="server" Value='<%#Eval("ID") %>'

标签： javascript jquery .net gridview hidden-field

【解决方案1】：

我最近遇到了同样的问题，这就是我设法克服它的方法。我被引导相信您不能将类添加到隐藏字段，因为它是隐藏的，因此不需要它，因此您将 <span class="hiddenfield"></span> 包裹在 gridview 中的隐藏字段周围。然后，您可以定位跨度的类，然后是 jquery 中的输入。所以你的代码将如下所示：

<asp:TemplateField>
                    <ItemTemplate>
    <span class="hiddenfield">
                        <asp:HiddenField ID="key" runat="server" Value='<%#Eval("ID") %>'> </asp:HiddenField>
    </span>
                    </ItemTemplate>
                </asp:TemplateField>
    alert($(this).closest("tr").find(".hiddenfield input").val());

这是我的第一个答案，所以我希望这会有所帮助，即如果它尚未排序。

【讨论】：

【解决方案2】：

您可以为隐藏字段分配一个类，并将其用作选择器，而不是使用 ID 进行搜索。 ID 将不起作用，因为渲染时间会为隐藏字段分配不同的自动生成 ID，如下所示：

<input type="hidden" value="0" id="clt100_clt100_29042034982304_key" />

【讨论】：