dm9, у меня была такая задача.
Я использовал вариант 2, потому что он наиболее контролируемый.
Делал так.
Был "шаблон" того, что надо клонировать, с id-шками полей например name, surname, address и именами полей формата name="address[]" - то есть чтобы приходило массивом.
Типа такого
| Код |
<!-- template -->
<table id="template">
<tr>
<td><input type="text" name="name[]" id="name" /></td>
</tr>
<tr>
<td><input type="text" name="address[]" id="address" /></td>
</tr>
</table>
|
Все id нужных полей лежат в массиве например dynamicFields.
Так-же была переменка счетчик, для того чтобы новые id делать уникальными.
| Код |
var dynamicFields_types = new Array('text', 'text');
var dynamicFields_names = new Array('name', 'address');
var counter = 1;
|
Так же я написал (по быстрому) функцию поиска заданного child-a по имени тега и id
| Код |
/**
* Возвращает ссылку на child-a ноды tparent с именем тега tagName и заданным id
*
*/
function getSubelementByTagAndId(tparent, tagName, id) {
if (tparent == null)
return;
if (id == null || !id)
return tparent.getElementsByTagName(tagName)[0];
for (var i=0; tparent.getElementsByTagName(tagName)[i]; i++) {
if (tparent.getElementsByTagName(tagName)[i].id == id)
return tparent.getElementsByTagName(tagName)[i];
}
return null;
}
|
Когда надо было создать новую копию, я делал
1) клон с "шаблона" (cloneNode и до поры не делал appendChild)
2) использовал getSubelementByTagAndId чтобы найти всех детей клона (благо список кого искать у нас в массиве)
3) заменял всем детям id с оригинального на id+'_'+counter (то есть получалось типа name_1 ...)
4) counter++
FAQ:
1) Почему не использовал getElementById думаю ясно - сразу после клонирования он будет возвращать неверный результат.
2) Почему функция getSubelementByTagAndId написана так, что требует еще тип тега - потому что внутри использует getElementsByTagName, можно переписать на пробег по всем child-aм самостоятельно, но это будет работать медленнее, зато не нужно будет передавать тип тега.
Добавлено @ 13:32
На счет перемешки.
Цитата(dm9 @ 2.10.2007, 12:07  ) | | А вперемешку -- это как? Клонируемые ноды должны по вёрстке располагаться одна под другой. |
Я так понимаю товарищ предлагает склонировать ноду используя cloneNode а дальше не искать child-ов, а сделать replace в innerHTML нужных подстрок.
Лично я считаю такой вариант опасным, потому что можно ненароком что-то забыть и заменяться будет не то, что нужно |
