Question

Using jQuery, how can I output (and append) values that were submitted in a form?

For example I input a name and it sould appen as a new table row that contains the name that was in the form.

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

Thanks!

Answer 1

Here’s a simple example:

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