01.<html>
02. <head>
03. <title></title>
07. <script>
08. $(document).ready(function(){
09. var i=1;
10. $('#add').click(function(){
11. i++;
12. $('#dynamic_field').append('<tr id="row'+i+'"><td><input type="text" name="name[]" placeholder="Enter your Name" class="form-control name_list" /></td><td><button type="button" name="remove" id="'+i+'" class="btn btn-danger btn_remove">X</button></td></tr>');
13. });
14.
15. $(document).on('click', '.btn_remove', function(){
16. var button_id = $(this).attr("id");
17. $('#row'+button_id+'').remove();
18. });
19. });
20. </script>
21. </head>
22. <body>
23. <div class="container">
24. <div class="form-group">
25. <div class="table-responsive">
26. <table class="table table-bordered" id="dynamic_field">
27. <tr>
28. <td><input type="text" name="name[]" placeholder="Enter your Name" class="form-control name_list" /></td>
29. <td><button type="button" name="add" id="add" class="btn btn-success">Add More</button></td>
30. </tr>
31. </table>
32. <input type="text" name="hidden" value="" />
33. </div>
34. </div>
35. </div>
36. </body>
37. </html>
