フォームの入力項目を動的に追加・削除する

[ ID : 5667 ]
ゴールド
フォームの入力項目を動的に追加・削除する

概要

【jQuery】ユーザー操作によって動的に入力項目を追加・削除できるフォームを実装する方法を紹介。

用途・要件

  • 入力フィールドが増減する度にname属性の連番を振り直す。
    テキストボックスのname属性の例:textbox[1]、textbox[2]、、、と連番になる。
  • 追加した(クローンした)フィールドはリセットされた状態。
  • 入力フィールドが1つの場合は削除ボタンは非表示。
  • jQuery バージョン3.6.0使用。

検証ブラウザ

  • Google Chrome(最新)
  • Safari(最新)
  • Firefox(最新)
  • Microsoft Edge(最新)
  • IE11

実装

このコンテンツの続きを閲覧するにはログインが必要です。 新規会員登録

この記事をシェアする

全ての記事を見る

KONOCODEのメリット 無料会員登録