javascript - 如何通过嵌套 Gridview 中的按钮单击获取 TextBox 值

Question

我有一个带有文本框和按钮列的嵌套Gridview。如何在asp.net中使用jquery在Button Click时在警报中显示textbox的值。
例如

<asp:GridView ID="GridParent" runat="server">
 <Columns>
   <asp:TemplateField>
     <ItemTemplate>
      <table>
        <tr>
         <td>
           -----------
           -----------
         </td>
         <td>
         <asp:GridView ID="GridChild" runat="server">
          <Columns>
           <asp:TemplateField>
            <ItemTemplate>
               <asp:Textbox ID="TextBox1" runat="server"></asp:TextBox>
               <asp:Button ID="Button1" runat="server" Text="Button" onclick=showText(); return false; />
            </ItemTemplate>
           </asp:TemplateField>
         </Columns>
        </asp:GridView>
        </td>
       </tr>
      </table>
     </ItemTemplate>
   </asp:TemplateField>
 </Columns>
</asp:GridView>

我正在使用的 JQuery

function showText() {            
            var text= $("#TextBox1").val();
            alert(text);
            return false;
        }

我在 stackoverflow 中找到了一个确切的问题，但我的问题略有不同，因为我想通过使用 JQuery 而不是 C# 编码来获取嵌套 gridview 中的文本框值

Answer 1

在您的web.config中添加clientIDMode，如下所示:

<pages clientIDMode="Static"></pages>

然后:

$(function() {
    $("#Button1").click(function(e) {
         e.preventDefault();
         alert($("#TextBox1").val());
    });
});