javascript - 从 jquery 将文本框值添加到 gridview，而不使用 C#

Question

我有没有任何记录的 GridView ，我想使用 jQuery 将文本框值添加到 GridView 中，而不使用 C#。

Answer 1

如果 Id 属性是静态的(如果不是，请将 CssClass 属性添加到 GridView)，那么您只需使用 jQuery 附加文本框

function addRecord() {
  var record = $('#newRecord').val();
  addRow(record);
  $('#newRecord').val('');
}

function addRow(value) {
  $('#GridView1 tbody').append('<tr><td>' + value + '</td></tr>');  
}

table, td, th {
  border: 1px solid;
  border-spacing: 0;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!-- Let's say that the gridview rendrer as table-->
<table id="GridView1">
  <thead>
  <tr>
    <th>Col 1</th>
  </tr>
  </thead>
  <tbody>
    <!-- It's empty because of no records-->
  </tbody>
</table>

<input id="newRecord" type="text" placeholder="Record to add" />
<!-- button with OnClientClick will render as onclick html attribute -->
<button onclick="addRecord()">Add a record</button>