javascript - 使用 JQuery 获取 Gridview 内的文本框值

Question

我有一个 Gridview，我在里面创建了一个文本框和按钮。我需要在单击按钮时获取文本框的值。

让事情变得更简单。我将只发布 gridview 内所需的字段:一个文本框和一个按钮。

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
  <Columns>
    <asp:TemplateField HeaderText="ID">
      <ItemTemplate>
        <asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox>
      </ItemTemplate>
    </asp:TemplateField>
    <asp:TemplateField>
      <ItemTemplate>
        <asp:Button ID="Button1" runat="server"  Text="Edit" OnClientClick="return validation();"/>
      </ItemTemplate>
    </asp:TemplateField>
  </Columns>
</asp:GridView>

这是 JavaScript :

function validation() {
  var dt = new String(document.getElementById("<%=GridView1.ClientID %>[name=TextBox1]").value);                
  if (dt == '') {
    //my code here
    return false;
  }
  return true;
}

它没有获得值(value)。 :(如果您遇到此问题，请帮忙。谢谢

Answer 1

您想要根据按钮单击获取文本框值。请尝试这个。

ASP.NET 设计。

<asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False">
   <Columns>
     <asp:TemplateField HeaderText="ID">
         <ItemTemplate>
            <asp:TextBox ID="TextBox1" runat="server" ></asp:TextBox>
         </ItemTemplate>
     </asp:TemplateField>
     <asp:TemplateField>
         <ItemTemplate>
            <asp:Button ID="Button1" runat="server"  Text="Edit" OnClientClick="return validation(event);"/>
         </ItemTemplate>
      </asp:TemplateField>
   </Columns>
</asp:GridView>

这里是 jQuery 代码

function validation(e) {
  var target = e.target;
  var dt = $(target).closest("td").prev("td").find("[type='text']").val();
  alert(dt);
}

在运行代码之前，请引用 jQuery。