0

フォームにテキスト領域を追加しようとしています。しかし、フォームも初めて追加されます。私のコードを見てみましょう。

  jQuery('.addeducation-sym').click( function(){
    var tiny_mce = '<textarea name="content"></textarea>';
    jQuery('.extra-form').clone().appendTo('#edu-form');
    tiny_mce.appendTo('#edu-form .extra-form');
  });

上記のコードで、「.adducation-sym」ボタンをクリックすると、フォーム名「.extra-form」が取得されました。これは、次のような html フォームのクローンです。

        <div  class="extra-form">
            <label for="education-info">Extra Educational Information</label>
            <input type="text" name="coursename" id="firstname" value="coursename" />
            <input type="text" name="institutename" id="institutename" value="institutename" />
            <input type="text" name="startdate" id="startdate" value="startdate" />
            <input type="text" name="enddate" id="enddate" value="enddate" />
        </div>      <!-- clearfix --><div class="clear"></div><!-- /clearfix -->

その後、「tiny_mce」という変数に格納されている別の html コードを追加したいと考えています。しかし、コードに更新が見つかりませんでした。したがって、複製後に「追加フォーム」に「」を追加する方法を教えてください。

4

1 に答える 1

0

あなたができること:

jQuery(document).on("click", '.addeducation-sym', function(){
    jQuery('.extra-form').clone(true).appendTo('#edu-form');
    $("<textarea />", {
        "name" : "content"
    }).appendTo('#edu-form .extra-form');
});

デモ:jsFiddle

于 2013-01-10T06:03:34.140 に答える