如何將文本框中的值添加到JavaScript或jQuery中的表格中？

Question

我有兩個text_fields和一個table三列。通過點擊按鈕，我想要將這兩個text_field值添加到前兩列中的表中。因此，用戶可以一次又一次更改text_field值，並通過單擊添加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); 
});​​​​​ 

檢查DEMO。添加檢查空輸入，重複行等。