Добавить дополнительные поля ввода при нажатии кнопки пользователя в jQuery

Question

Я новичок в jquery, мне нужна помощь. У меня модальный, когда пользователь вводит заголовок. когда пользователь вводит заголовок, новый div будет отображать, что div содержит один входной файл или одну кнопку addmore, когда пользователь нажимает кнопку addmore, новые поля ввода будут открыты. Я хочу, чтобы пользователь добавил еще 18 файлов после того, как пользователь отобразит предупреждение.

Вот мой HTML-код: -

enter code here 
<div class="modal fade" id="myModal" role="dialog"> 
<div class="modal-dialog"> 
    <div class="modal-content"> 
     <div class="modal-header"> 
      <button type="button" class="close" data-dismiss="modal">&times;</button> 
      <h4 class="modal-title">Add Category</h4> 
     </div> 
     <div class="modal-body"> 
      <h4>Enter Your Title</h4> 
      <input type="text" name="title" class="getvalue"> 
      <button type="submit" class="submitdata"> Submit</button> 
     </div> 

     <div class="modal-footer"> 
      <button type="button" class="btn btn-default" data-dismiss="modal">Close</button> 
     </div> 
     </div> 

    </div> 

И Мой код Jquery

enter code here 
$(document).ready(function() { 
    var room= 1; 
    $(".submitdata").on('click',function(){ 
     var value= $(".getvalue").val(); 
     $(".submitdata").attr('disabled'); 
     $(".modal-body").after(
      '<br><center><div id="contain"> 
      Choose Your Own service <br> <br> 
      <input type="text" name='+value+'[]> 
      <button type="button" class="addService">Add More</button> 
      </div></center>' 
      ); 
     $(".addService").on('click',function(){ 
       //Please anyone do coding here 
     }); 
    }); 

Благодаря ина davance :)

Answer 1

Попробуйте что-то вроде этого:

HTML

<div id="contain"> 
    Choose Your Own service <br> <br> 
    <div> 
    <input type="text" name='+value+'[]> 
    <button type="button" class="addService">Add More</button> 
    </div> 
</div> 

JS

$(document).on('click', '.addService', function(){ 
    var html = '<div><input type="text" name="myInput"><button type="button" class="addService">Add More</button></div>'; 
    $(this).parent().append(html); 
}); 

Working Fiddle

Answer 2

$('.submitdata').on('click',function(){ 
     $(this).before($(this).closest('.getvalue').clone()); 
     $(this).closest('.getvalue').val(''); 
})