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

Question

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

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