jquery - 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>')
});