Javascript 当按下按钮而不重新加载时，将HTML表单字段添加到现有表单

我在谷歌搜索时发现了很多例子。然而，他们没有一个为我工作

我想实现一个相对简单的任务：通过按表单中的addfield按钮，第二个select字段应该显示出来。这应该无限期地继续下去。因为我已经在使用这个库了，所以我更愿意在这里使用它

---

按下“添加字段”按钮后，不应重新加载页面。

尝试

after（）

、

append（）

和

appendTo（）

方法（请参阅）。

尝试

after（）

、

append（）

和

appendTo（）

方法（请参阅）.

检查示例。

检查示例。

使用append方法可以轻松编写脚本。但是，如果您想更认真地执行此操作，请阅读脚本

见：

• 进一步阅读：

---

使用append方法可以轻松编写脚本。但是，如果您想更认真地执行此操作，请阅读脚本

见：

• 进一步阅读：

---

这很容易做到。要么附加新元素，如下所示：

$("form").append($('<input type="text">');

<form>
    <input type="text" class="hidden">
</form>

$("#theNewField").removeClass('hidden');

$（“表格”）。追加（$（''）；

或者，您已经在表单中放置了，但使用使其不可见，然后将其显示，如下所示：

$("form").append($('<input type="text">');

<form>
    <input type="text" class="hidden">
</form>

$("#theNewField").removeClass('hidden');

$（“#theNewField”）.removeClass（'hidden'）；

这很容易做到。您可以添加新元素，如下所示：

$("form").append($('<input type="text">');

<form>
    <input type="text" class="hidden">
</form>

$("#theNewField").removeClass('hidden');

$（“表格”）。追加（$（''）；

或者，您已经在表单中放置了，但使用使其不可见，然后将其显示，如下所示：

$("form").append($('<input type="text">');

<form>
    <input type="text" class="hidden">
</form>

$("#theNewField").removeClass('hidden');

$（“#theNewField”）.removeClass（'hidden'）；

var newSelectField=“选项1选项2”；
$（“#formID”）.append（newSelectField）；
//确保您的按钮不是“提交”类型

var newSelectField=“选项1选项2”；
$（“#formID”）.append（newSelectField）；
//确保您的按钮不是“提交”类型

如果没有示例代码，我只能猜测问题出在哪里，但听起来您使用的是提交输入，而不是按钮输入，这会导致表单提交和页面重新加载，而不仅仅是触发“添加元素”功能。如果是这种情况，请执行以下操作：
将“添加”按钮更改为如下所示：

 <input type="button" id="addOption" value="Add" />

---

遵循Patrick关于操作方法的建议。
如果没有示例代码，我只能猜测问题出在哪里，但听起来您使用的是提交输入而不是按钮输入，这会导致表单提交并重新加载页面，而不是仅仅触发“添加元素”函数。如果是这种情况，请执行以下操作：
将“添加”按钮更改为如下所示：

 <input type="button" id="addOption" value="Add" />

---

按照Patrick关于操作方法的建议进行操作。
根据问题中的一些关键字，我猜问题在于单击按钮时表单正在发布。应该使用“常规”按钮而不是提交按钮来解决该问题。或者使用

event.preventDefault（）捕捉标准行为（发布表单）

。根据问题中的一些关键字，我猜问题在于单击按钮时表单正在发布。应该使用“常规”按钮而不是提交按钮来解决该问题。或者使用

事件捕捉标准行为（发布表单）。preventDefault（）

。谢谢，这里有一些很好的例子。也许不无限地使用新字段，而是将其限制在10左右是有意义的。谢谢。顺便说一句，这里有一个涵盖jquery的更新。谢谢，这里有一些很好的例子。也许不无限地使用新字段，而是将其限制在10左右是有意义的。谢谢。顺便说一句，这里有一个涵盖jque的更新雷