Javascript 单击“添加”按钮后元素立即消失

Javascript 单击“添加”按钮后元素立即消失,javascript,html,Javascript,Html,我想做的是非常简单,一旦用户点击添加按钮,然后新的元素应该被添加。问题是新添加的元素会立即消失。我查过了,但这无关紧要 我认为代码片段是不言自明的 $document.readyfunction{ var i=1; $“提交”。单击函数{ 我++ $‘数据’。追加; }; }; 您需要使用.preventDefault;: 否则,您的type=submit按钮在单击时实际提交表单您的按钮:位于表单内部的submit和click会在执行javascript onlick代码后启动表单提交,您需要

我想做的是非常简单,一旦用户点击添加按钮,然后新的元素应该被添加。问题是新添加的元素会立即消失。我查过了,但这无关紧要

我认为代码片段是不言自明的

$document.readyfunction{ var i=1; $“提交”。单击函数{ 我++ $‘数据’。追加; }; }; 您需要使用.preventDefault;:


否则,您的type=submit按钮在单击时实际提交表单

您的按钮:位于表单内部的submit和click会在执行javascript onlick代码后启动表单提交,您需要防止这种情况,但如果我这样更改,一切正常。我不明白type=button不会启动表单提交
$('#submit').click(function(e){
    e.preventDefault();
    i++
    $('#data').append('<tr id="row'+i+'"><td><input type="text" name="name[]" id="name"></td><td><input type="submit" name="remove" id="'+i+'"  class="btn btn-danger btn-xs btnRemove" value="x"></td></tr>');

});