2014-11-07 31 views
-1

我想採取現有的div並克隆它每次用戶輸入文本到給定的文本框中。當文本從輸入中刪除時,我想要刪除所有克隆。克隆並刪除內容作爲輸入值的變化

<div class="must_be_cloned"> 
    <label for="company_name"> Company Name </label> 
    <input type="text" name="company_name" placeholder="When writing text add new input" /> 
</div> 
+0

究竟您的問題,該怎麼辦? – Edrich 2014-11-07 01:55:15

+0

我已經編輯你的問題,我真的相信是你想問的問題。如果我搞砸了,讓我知道。無論是一個問題,還是0的努力,你都會被撕裂。 – 2014-11-07 02:07:45

+0

我喜歡這個網頁(http://www.onlinecvgenerator.com/)...去這個網頁...例如,當你在教育輸入信息寫他們克隆FORM agine ...對不起4我的英語如果你不明白:( – 2014-11-07 02:29:34

回答

1

工作例如:

http://jsfiddle.net/zprccsyp/5/

的JavaScript:

$(document).on('input', '.company-name', function() { 
    if (this.value == '') { 
     $('.cloned').remove(); 
    } else if(this.value.length == 1){ 
     var $newDiv = $(this).closest('.must_be_cloned').clone(); 
     $newDiv.find('.company-name').val(''); 
     $newDiv.addClass('cloned').appendTo('#wrapper'); 
    } 
}); 

HTML:

<div id="wrapper"> 
    <div class="must_be_cloned"> 
     <label for="company_name">Company Name</label> 
     <input type="text" id="company-name" name="company_name" placeholder="When writing text add new input" /> 
    </div> 
</div> 
+0

我試過這個代碼,但它添加很多次,並在INPUT文本。我只是想新的DIV LABEL和INPUT裏面。 – 2014-11-07 02:21:33

+0

我喜歡在這個網頁(onlinecvgenerator.com)。 ..去這個網頁...例如,當你在教育INPUT中寫入信息時,他們克隆FORM agine ...對不起4我的英語如果你無法理解:( – 2014-11-07 02:38:05