Разделы
Теги | RSS © 2008 – 2017
Контакты
email: igor@veselov.sumy.ua
skype: utz0r2
» » clone

Делаем форму как на картинке 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[]
Вверх