使用 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中文網其他相關文章!