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

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