jQuery - 將表格數據輸出到表格

Question

使用jQuery，如何輸出（並追加）表單中提交的值？

例如，我輸入一個名稱，它應該是一個新的表格行，其中包含表單中的名稱。

<form> 
Name:<input type="text" /> 
<input type="submit" /> 
</form> 

<table> 
<tr> 
<th>Name</th> 
</tr> 
// Here the name should be appended...within a <tr><td></td></tr> 
</table> 

謝謝！

Answer 1

這裏有一個簡單的例子：

$('form').on('submit', function (e) { 
    e.preventDefault(); 
    var newName = $('form').find('input[type="text"]').val(); 
    $('table').append('<tr><td>' + newName + '</td></tr>') 
});