입력 값이 변경 될 때 내용 복제 및 제거

Question

기존 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> 

Answer 1

근무 예 :

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

자바 스크립트 :

$(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>