以网格格式显示文本框中的数据

Question

我的问题可以在javascript / jquery中使用网格格式显示数据，但不能仅在前端从DB中获取数据。 假设：

textfield1
textfield2
    add more (link)

点击添加更多链接后，用户输入数据显示如下：

Firstname      Lastname
amit           kumar

textfield1
textfield2
    add more (link)

并立即将两个文本字段留空。也是下一步。

请告诉我。

Answer 1

如果您有以下HTML：

<table id="mylist">
    <tr>
        <td>First Name</td>
        <td>Last Name</td>
    </tr>
</table>

<input name="fname">
<input name="lname">
<button>Add More</button>

然后有JS：

$(function(){
  $('button').on('click',function(){
    var fname = $('input[name="fname"]').val();
    var lname = $('input[name="lname"]').val();
    $('#mylist').append('<tr><td>'+fname+'</td><td>'+lname+'</td></tr>');
    // CLEAR FIELDS
    $('input[name="fname"],input[name="lname"]').val(''); // No value
  });
});