DEV.XFOR.TOP

Email: [email protected] Skype: utz0r2 Github: utz0r2
CSSHTMLPHPJSVideoNoty
E-commerce Scripts: vvStore | vvShop | Avox
© 2008 – 2020

Делаем форму как на картинке jQuery

Делаем форму как на картинке jQuery

HTML
<form method="post" action="clonesubmit.php">
   <p class="clone"> <input type="text" name="hobby[]" class='input'/></p>
   <p><a href="#" class="add" rel=".clone">Add More</a></p>
   <input type="submit" value=" Submit " />
   </form>

Подключаем плагин relCopy.js http://www.andresvidal.com/labs/relcopy.html

Добавляем js который добавляет линк на удаление нового поля:
$(function(){
  var removeLink = ' <a class="remove" href="#" onclick="$(this).parent().slideUp(function(){ $(this).remove() }); return false">remove</a>';
$('a.add').relCopy({ append: removeLink});    
});


Ну и на clonesubmit.php вешаем обработчик hobby[]
Вверх