2014-11-07 30 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