Клонирование строк таблицы с массивами?

Question

[enchikiben]

Добрый день, подскажите как быть есть таблица в строках которых массивы различные input'ов, через jquery копирую ее строки, как сделать чтобы в имя элемента проставлялся номер массива



<table>

<tr><td><input type=«text» name=«mas[1]['name']»></td><td><input type=«text» name=«mas[1][col]»></td></tr>

<tr><td><input type=«text» name=«mas[2]['name']»></td><td><input type=«text» name=«mas[2][col]»></td></tr>

<tr><td><input type=«button» name=«add» value=«еще»></td></tr>

</table>



единственное до чего додумался парсить и заменять в именах элементов, но думаю есть более изящный метод

Answer 1

[Сергей Протько]

name="mas['name'][]"
вот что сразу приходит в голову.

Comments

[Alex Kheben]

Я так делаю, работает всегда. Применительно к этой задаче можно использовать 2 массива и не заморачиваться на счёт ключей:
name=«names[]» и name=«cols[]»
Вариант рабочий на 100% =)

Answer 2

[BoShurik]

Я делаю так:

<table id="table" data-template="<tr><td><input type=«text» name=«mas[$$id$$]['name']»></td><td><input type=«text» name=«mas[$$id$$][col]»></td></tr>">
 <tr><td><input type=«text» name=«mas[1]['name']»></td><td><input type=«text» name=«mas[1][col]»></td></tr>
 <tr><td><input type=«text» name=«mas[2]['name']»></td><td><input type=«text» name=«mas[2][col]»></td></tr>
 <tr><td><input id="add" type=«button» name=«add» value=«еще»></td></tr>
</table>
<script type="text/javascript">
	$(document).ready(function(){
		$('#add').click(function(){
			var template = $('#table').data('template');
			var index = $('#table > tr').length;
			template = template.replace(/\$\$id\$\$/g, index);
			$('#table').append(template);
		});
	});
</script>

Comments

[Сергей Протько]

если ряды таблицы можно так же и убирать, то у вас будут проблемы с индексами.

[BoShurik]

Это я для примера привел.
В случае если надо добавлять/удалять/редактировать я два массива вывожу. В одном существующие элементы, где id = id элемента, в другом — новые, которые добавляются чрезе js. Затем в скрипте добавляю новые элементы и удаляю/редактирую уже добавленные.