Блог

Главная - Вопросы по программированию - Как добавить div с разными типами ввода с помощью jquery / javascript?

Как добавить div с разными типами ввода с помощью jquery / javascript?

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

Я довольно новичок в jquery и javascript. Прямо сейчас я создаю форму. Пользователь должен иметь возможность объявлять нового пользователя с помощью кнопки one. Как я могу это сделать?

 $(document).ready(function() {
  $("#button1").click(function() {
    $(".container").append(".wrapper"); // How to insert the whole wrapper? 
  });
});  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
  <button id="button1">Ad one person </button>
  <div class="wrapper" id="person1">
    <input type="text" class="input" placeholder="Name" required>
    <input type="text" class="input" placeholder="Surename" required>
    <input type="date" class="input" placeholder="Birthday" required onfocus="(this.type='date')" onblur="(this.type='Birthday')">
  </div>
</div>

Ответ №1:

вам нужно добавить весь html следующим образом $(".container").append($(".wrapper").html()); 

 $(document).ready(function(){
  $("#button1").click(function(){
    $(".container").append($(".wrapper").html());
  });
});  
 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="container">
  <button id="button1">Ad one person </button>
  <div class="wrapper" id="person1">
    <input type="text" class="input" placeholder="Name" required>
    <input type="text" class="input" placeholder="Surename" required>
    <input type="date" class="input" placeholder="Birthday" required onfocus="(this.type='date')" onblur="(this.type='Birthday')" >
  </div>
</div>

Комментарии:

1. Спасибо за ваш ответ: D Должен ли я вставить html в две скобки после .html?