jQuery - 将表单数据输出到表中

时间:2013-01-09 16:02:26

标签: jquery forms input output

使用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>

谢谢!

1 个答案:

答案 0 :(得分:0)

这是一个简单的例子:

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