Всем добрый день.
Нужно было написать код для добавления форм ввода.
Вот код который у меня получился:
<script>
$(document).ready(function(){
// Добавление новой группы
$('#Add_block').click(function(){
var num_block = $('.cloned_block').length;
var newNumB = new Number(num_block + 1);
var new_block = $('#block' + num_block).clone().attr('id', 'block' + newNumB);
new_block.children(':first').attr('id', 'group[]');
$('#block' + num_block).after(new_block);
$('#Del_block').attr('disabled','');
});
$('#Del_block').click(function(){
var num_block = $('.cloned_block').length;
$('#block' + num_block).remove();
$('#Add_block').attr('disabled','');
if (num_block - 1 == 1)
$('#Del_block').attr('disabled','disabled');
});
$('#Del_block').attr('disabled','disabled');
// Добавление новой ФИО
$('#Add_elem').click(function(){
var num_elem = $('.cloned_elem').length;
var newNumE = new Number(num_elem + 1);
var new_elem = $('#elem' + num_elem).clone().attr('id', 'elem' + newNumE);
new_elem.children(':first').attr('id', 'name[]');
$('#elem' + num_elem).after(new_elem);
$('#Del_elem').attr('disabled','');
});
$('#Del_elem').click(function(){
var num_elem = $('.cloned_elem').length;
$('#elem' + num_elem).remove();
$('#Add_elem').attr('disabled','');
if (num_elem - 1 == 1)
$('#Del_elem').attr('disabled','disabled');
});
$('#Del_elem').attr('disabled','disabled');
});
</script>
Вот код форм:
<form action="insert_1.php" method="post" name="post">
Год поступления: <input type="text" name="year" id="year" value=""/><br />
<p>-----------------------------------------------------</p>
Куратор: <input type="text" name="kyrator" id="kyrator" value=""/>
<p>-----------------------------------------------------</p>
<div id="block1" class="cloned_block">
Номер группы: <input type="text" name="group[]" id="group[]" value=""/>
<div id="elem1" class="cloned_elem">
Фамилия и имя: <input type="text" name="name[]" id="name[]" value=""/>
</div>
<br />
<input type="button" id="Add_elem" value="Добавить поле" />
<input type="button" id="Del_elem" value="Удалить поле" />
<p>-----------------------------------------------------</p>
</div>
<input type="button" id="Add_block" value="Добавить группу" />
<input type="button" id="Del_block" value="Удалить группу" />
<br />
<input name="vvod" type="submit" value="Внести данные" />
</form>
Проблема заключается в том, что при нажатии кнопки "Добавить группу" создается еще 1 блок с номером группы и ФИО, но в этом случае кнопка "Добавить поле" не работает.
Что нужно доделать в моем коде чтобы работало?
P.s. я думаю, что нужно в новом блоке создавать новые имена id и к ним обращаться, я прав?
Для наглядности привел картинки:
слева с 1 блоком полей (кнопка "Добавить поле" работает), справа с 2 блоками(кнопка не работает)
[attachment=36555:Без имени-1.jpg]