用jQuery在窗體中追加文本區域

我試圖在表單中追加一個文本區域。但表格也是第一次附加。讓我們看看我的代碼。用jQuery在窗體中追加文本區域

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'); 
    });

時，我點擊「.addeducation-符號」鈕我得到的表單名「.extra形式」上面的代碼。這是一個像下面這樣的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代碼。但是我在代碼中找不到任何更新。所以，請讓我知道在克隆之後將「'附加到」額外表格「的方式。

來源

2013-01-10 Ranjit

這可能是與代表團的問題。看看'on'方法來爲將來的實例委派事件。也可以嘗試'clone（true）'以保持與克隆元素相關的事件。 – elclanrs

您應該初始化var tiny_mce ='';'作爲jQuery對象lik'var tiny_mce = jQuery（''）;'。 – pktangyue

你可以這樣做：

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-10 06:03:34

謝謝，但我使用文本區域作爲tinyMCE編輯器。你能說我爲什麼文本區域不轉換爲tinyMCE編輯器。 – Ranjit

@Rain將textarea轉換爲tinyMCE編輯器，您需要使用tinyMCE插件，我在代碼中看不到它。點擊此處查看更多內容:: http://www.tinymce.com/wiki.php/Configuration:editor_selector –

是的，我將它用於以前的表單。好吧，我已經說過詳細信息了，我有一個使用tinyMCE插件的窗體。這工作正常。當我追加額外的表單中的文本區域我想添加一個tinyMCE編輯器到附加的表單。它可能嗎？ – Ranjit

用jQuery在窗體中追加文本區域

回答

相關問題