jQuery动态添加表单元素

使用 jQuery/JavaScript 动态添加表单元素。这在 DOM 已经加载完毕，并且您需要根据用户操作或选择添加额外的输入字段（例如）时非常有用。您可以创建任何新的表单元素，而不仅仅是输入字段。或者，您也可以在页面中创建输入元素，然后简单地隐藏它们，并在需要时再显示它们。

示例：当更改 password1 时，在名为 password1 的输入框之后插入一个名为 password2 的新输入框。

// 监听 password1 字段的 change 事件以提示添加新输入框
$('#password1').change(function() {
    // 动态创建新的输入框并将其插入到 password1 之后
    $('<input type="password" id="password2" name="password2" placeholder="Confirm Password">').insertAfter('#password1');
});

以上是jQuery动态添加表单元素的详细内容。更多信息请关注PHP中文网其他相关文章！