如何使用jQuery / JavaScript动态添加表单元素。 当DOM已经加载并且您需要根据用户操作或选择添加一个额外的输入字段时,这很有用。 您可以创建任何新的表单元素,而不仅仅是输入字段。 另外,您也可以在页面中创建输入,然后将其隐藏,然后在需要时显示它们。
示例:更改密码1后,在名为“ password1”的输入框之后插入一个名为“ password2”的新输入框。
//change event on password1 field to prompt new input
$('#password1').change(function() {
//dynamically create new input and insert after password1
$("#password1").append("");
});
From: https://www.sitepoint.com/jquery-dynamically-add-form-elements/