使用JQuery在Gridview中獲取Textbox值

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;
}

它沒有獲得價值。 :(請幫助，如果您遇到此問題。謝謝

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。

Answer 2

嘗試這個

    var GridView1 = document.getElementById('<%= GridView1.ClientID %>');

    for (var rowId = 1; rowId < GridView1.rows.length; rowId++) {
        var textValue = GridView1.rows[rowId].cells[0].children[0];
        alert(textValue.value);
    }

Answer 3

這應該可以做到，但是您將需要加載到jQuery庫中。

$('#Button1').on('click', function(){
    var textInput = $('#TextBox1').val();
    console.log(textInput);
    return textInput;
});

這是它的鏈接： https : //code.jquery.com/jquery-2.1.4.min.js