javascript - 如何将文本框中的值添加到 javascript 或 jquery 中的表中？

Question

我有两个text_fields和一个table三列。通过单击按钮，我希望将这两个text_field值添加到前两列中的表中。因此，用户可以text_field一次又一次地更改值，并通过单击 add 将值添加到下一行button。

两者text_fields如下：

<input class="cross-reference-question-value" type="text" style="border: 1px solid gray;  ">
<input class="cross-reference-answer-value" type="text" style="border: 1px solid gray;  ">

这里是table

<table class="gridView" id="selected_units">
  <thead>
    <tr class="gridViewHeader">
      <th>Question</th>
      <th>Answer</th>
      <th>Action</th>
    </tr>
  </thead>

  <tbody> 
    <tr class="<%= cycle('gridViewclickableRowDialog', 'gridViewAltclickableRowDialog') %>">
      <td></td>
      <td></td>
      <td><a href="#">Delete</a></td>
    </tr>
  </tbody>
</table>

button_link是_

<a href="#" , class="button" >hello</a>

谢谢！！

Answer 1

尝试从这个开始：

​$('.button').click(function() {
    var question = $('.cross-reference-question-value').val();
    var answer = $('.cross-reference-answer-value').val();
    var newrow = '<tr><td>' + question + '</td><td>' + answer + '</td></tr>';
    $('#selected_units tr:last').after(newrow);
});​​​​​

检查演示。添加对空输入、重复行等的检查。