Показать сообщение отдельно
  #1 (permalink)  
Старый 23.11.2016, 20:03
Новичок на форуме
Отправить личное сообщение для NellDenZ Посмотреть профиль Найти все сообщения от NellDenZ
 
Регистрация: 09.03.2016
Сообщений: 9

Добавление и удаление блоков <li>
Здравствуйте. Есть 3 input'a и кнопки добавление и удаления инпутов. Как сделать так чтобы при клике на кнопку "Добавить" добавлялся еще один инпут а при нажатие на кнопку "Удалить" удалялся последний инпут. Если инпутов 3 то больше не удаляется. Максимум можно добавить 15 инпутов.
P.S. Как можно добавлять инпут вместе с автоматическим значением name=""?
Например:
<input type="text" name="input_1">
<input type="text" name="input_2">
<input type="text" name="input_3">

Код:
Ссылка на plnkr.co - http://plnkr.co/edit/zTQkPJaMvAM07a7g28it?p=preview

<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
</head>
<body>
  <ol>
    <li><input type="text"></li>
    <li><input type="text"></li>
    <li><input type="text"></li>
  </ol>
  <div>
    <a href="">Добавить</a>
  </div>
  <div>
    <a href="">Удалить</a>
  </div>
</body>
</html>
Ответить с цитированием