Javascript append（）内容赢得'；不要停留在屏幕上

我正在创建一个表单，用户可以在其中添加他们在大学学习的模块。当他们单击按钮时，会为另一个模块添加一组新字段。我已经在按钮

#add

中添加了一个单击侦听器，并且我正在尝试将表单

#input\u表单

附加到相同的字段中：

在下面添加模块。。。
#学分：
（可选）选择一种颜色：
蓝色
红色
黄色的
粉红色
黑色
再加一个

//动态添加字段
$（“#添加”）。单击（函数（）{
$（“#输入表格”）.append（“字段将转到此处”）；
});

当我点击按钮时，我看到内容（h1）添加了一瞬间，但随后它消失了。我不知道为什么附加的HTML不会留在屏幕上。我有这个项目的另一部分，它的工作原理类似，并附加到ul列表中，HTML在屏幕上保持不变，这很好，但出于某种原因，它不会

我对网页设计和jQuery非常陌生，如果有一个简单的答案我不知道的话，我很抱歉

“如果元素具有表单所有者，则元素必须从按钮元素提交表单所有者。”（）

这意味着，表单中的任何按钮都会在其父表单上执行

submit（）

。 要防止出现这种情况，请将按钮类型明确定义为

按钮
：

<button name="add" type="button" id="add" class="btn btn-secondary">Add Another</button>

添加另一个

在行动中：
“如果元素有表单所有者，则元素必须从按钮元素提交表单所有者。”（）

这意味着，表单中的任何按钮都会在其父表单上执行
submit（）
。
要防止出现这种情况，请将按钮类型明确定义为
按钮
：

<button name="add" type="button" id="add" class="btn btn-secondary">Add Another</button>

添加另一个

在行动中：
这与项目中的其他代码有关。您能否计算出重现问题所需的最小代码量，然后将其添加到您的问题中？如果您自己在做时没有找到答案，这将有助于我们回答您的问题。：）现在添加了表单源代码。单击侦听器现在直接附加到窗体而不是表中，但存在相同的问题。这与项目中的其他代码有关。您能否计算出重现问题所需的最小代码量，然后将其添加到您的问题中？如果您自己在做时没有找到答案，这将有助于我们回答您的问题。：）现在添加了表单源代码。单击侦听器现在直接附加到表单，而不是表，但存在相同的问题。