jQueryに関するhawk-aのブックマーク (2)

  • jQueryでフォームを動的に追加/削除 - Qiita

    検索フォームを追加したいとご依頼あり。 最初からたくさんフォームを出しとくのもかっこ悪いし、 とはいえ一個一個要素を増やすのもめんどくさい。 追加ボタンで動的にまるっとコピーできないかしら、ってことでやってみました。 jQueryほんとべんり。 Add & Remove form elements dynamically (2018/12/19変更:runnableがリンク切れしていたのでjsfiddleに引っ越し) 以下解説↓ 元のフォーム これがないと始まらない。 フォーム全体をform-blockとしてくくり、idに番号0を振っておきます。 中の要素も同じ番号。増やすのはform-block単位。 <form method="post" action="confirm"> <div class="form-block" id="form_block[0]"> <!-- Closeボタ

    jQueryでフォームを動的に追加/削除 - Qiita
    hawk-a
    hawk-a 2015/12/08
    フォームの追加
  • 【jQuery】入力フォームを追加するサンプル - すたら日記

    jQueryの.clone()メソッドで、入力フォーム一式をまるごとコピーするようにしています。 その後、idの通し番号のみを書き換えています。 デモhttps://codepen.io/sutara79/pen/mjLyWr 応用 追加したフォームを削除したい場合は、下記の記事をご覧ください。 http://d.hatena.ne.jp/sutara_lumpur/20111113/1321169720 より汎用的なjQueryプラグインを作りました。 jquery.addInputArea.js

    【jQuery】入力フォームを追加するサンプル - すたら日記
    hawk-a
    hawk-a 2015/12/08
    フォーム増減
  • 1