首頁 > web前端 > js教程 > jQuery動態添加表單元素

jQuery動態添加表單元素

Lisa Kudrow
發布: 2025-03-04 00:36:09
原創
240 人瀏覽過

jQuery Dynamically Add Form Elements

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

本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板