Я строю форму, где мне нужно несколько дополнительных входов, что у меня есть в основном это:
Каждый раз, когда пользователь нажимает кнопку "плюс", в форму следует добавлять новую строку ввода формы, как я могу сделать это в jQuery? Кроме того, возможно ли автоматически добавить новую строку, когда все строки (или только последняя строка, если это проще/быстрее) заполнены? Таким образом, пользователю не нужно нажимать кнопку "плюс".
Прошу прощения за вопрос, может быть, такой простой вопрос, но я все еще очень зеленый с jQuery, я мог бы сделать это с PHP, но я уверен, что Javascript/jQuery играет здесь более подходящую роль.
Заранее спасибо!
@Alex:
<!DOCTYPE html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>
<script type="text/javascript">
$form = $('#personas');
$rows = $form.find('.person');
$('a#add').click(function() {
$rows.find(':first').clone().insertAfter($rows.find(':last'));
$justInserted = $rows.find(':last');
$justInserted.hide();
$justInserted.find('input').val(''); // it may copy values from first one
$justInserted.slideDown(500);
});
</script>
</head>
<body>
<form id="personas" name="personas" method="post" action="">
<table width="300" border="1" cellspacing="0" cellpadding="2">
<tr>
<td>Name</td>
<td>More?</td>
</tr>
<tr class="person">
<td><input type="text" name="name[]" id="name[]" /></td>
<td><a href="#" id="add">+</a></td>
</tr>
</table>
</form>
</body>
</html>
