RuKoder.ru RUKODER.ru
14 АПР 2012
0

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

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

Добавить комментарий

Категории:

  • CSS (121)
  • PHP (301)
  • JavaScript (704)

Оставить на заметку в:

© 2026 RuKoder.ru