Для добавления таблицы с динамическим количеством строк в веб-форму Битрикса можно использовать следующий подход:
1. Создайте веб-форму в административной панели 1C-Bitrix. Для этого перейдите в раздел "Сервисы" -> "Веб-формы" и нажмите кнопку "Добавить" или выберите уже существующую форму для редактирования.
2. Добавьте в форму элемент "Многострочное поле". Для этого нажмите кнопку "Добавить поле" и выберите "Многострочное поле" из списка доступных полей. Назовите поле, например, "Таблица".
3. Далее необходимо изменить настройки поля "Таблица" для того, чтобы вместо обычного текстового поля была добавлена таблица. Для этого в настройках элемента "Многострочное поле" найдите параметры "Вид редактирования" и "Вид вывода". Установите значение "Таблица" для обоих параметров.
4. Теперь нужно настроить скрипты, которые будет добавлять и удалять строки в таблице. Для этого можно использовать JavaScript и добавить скрипты в таблицу веб-формы.
Для добавления строки в таблицу можно использовать следующий JavaScript код:
function addTableRow(tableId) { var table = document.getElementById(tableId); var row = table.insertRow(-1); var cell1 = row.insertCell(0); var cell2 = row.insertCell(1); cell1.innerHTML = "<input type='text' name='name[]'>"; cell2.innerHTML = "<input type='text' name='email[]'>"; }
Для удаления строки из таблицы можно использовать следующий JavaScript код:
function removeTableRow(row) { var tableRow = row.parentNode.parentNode; var table = tableRow.parentNode; table.removeChild(tableRow); }
5. Добавьте кнопки "Добавить строку" и "Удалить строку" в форму. Для этого воспользуйтесь обычной HTML разметкой и добавьте кнопки в элемент "Многострочное поле" или напрямую в таблицу.
Кнопка для добавления строки:
<button type="button" onclick="addTableRow('tableId')">Добавить строку</button>
Кнопка для удаления строки:
<button type="button" onclick="removeTableRow(this)">Удалить строку</button>
6. Не забудьте сохранить изменения формы и опубликовать ее на сайте. После этого на сайте появится форма с добавленной таблицей, в которую можно будет добавлять и удалять строки.
Обратите внимание, что приведенный код является примером и может потребовать доработки в зависимости от конкретных требований и настроек вашей веб-формы.