Добавление строки, в которой будут выводится input с содержимым из PHP-файла

@AZshar · Регистрация: 23.05.2016

Студворк — интернет-сервис помощи студентам

Ребят, нужна помощь.
Есть HTML таблица, в которой в каждой ячейке есть поле для ввода информации (input type="text") и в 1 ячейке есть <select>, в который выводится список артикулов из бд MySql при помощи PHP-кода.
Помощь нужна в том, что заранее неизвестно сколько строк будет в этой таблице и чтобы добавлялась точь в точь такая же строка по нажатию кнопки.
Спасибо заранее, в JS новичок.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<script type="text/javascript">
     function addrow ()
      {
        var tbody = document.getElementsByTagName("tbody")[0]; // Получаем ссылку на tbody
        var row = tbody.insertRow(tbody.rows.length); // Добавляем строку
        var cell1 = row.insertCell(0);
        var cell2 = row.insertCell(1);
        var cell3 = row.insertCell(2);
        var cell4 = row.insertCell(3);
        var cell5 = row.insertCell(4);
        var cell6 = row.insertCell(5);
        var cell7 = row.insertCell(6);
        var cell8 = row.insertCell(7);
        var cell9 = row.insertCell(8);
        var cell10 = row.insertCell(9);
        var cell11 = row.insertCell(10);
        var cell12 = row.insertCell(11);
        var cell13 = row.insertCell(12);
      }
 
</script>

HTML5
1
<input type="button" id="knopks" value="Добавить строку" onClick="addrow()">

@kalabuni · 24.05.2016, 00:21

вычислять либо прописывать индексы для методов insertRow (индекс) и insertCell (индекс) -- это лишнее.
используйте индекс -1 и будет вам счастье: добавится строка ниже самой нижней и добавится ячейка, правее самой правой

кроме того, метод insertRow () чудесно работает и с HTML-элементом <table> -- совсем необязательно использовать его именно с HTML-элементом <tbody>

@AZshar · 24.05.2016, 04:44 **[ТС]**

Как использовать индекс 1 ? точнее где?

@kalabuni · 24.05.2016, 09:08

Сообщение от AZshar

Как использовать индекс 1 ? точнее где?

во-первых, я рекомендовал использовать индекс "минус один", а не "один"

во вторых, вы что, дальтоник -- красное от синего не отличаете?

JavaScript
1
2
таблица.insertRow (-1); //добавит строку в низ таблицы
строка.insertCell (-1); // добавит ячейку в конец строки

Новые блоги и статьи Все статьи Все блоги /
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .
Автоматическое создание документа при проведении другого документа Maks 29.03.2026 Реализация из решения ниже выполнена на нетиповых документах, разработанных в конфигурации КА2. Есть нетиповой документ "ЗаявкаНаРемонтСпецтехники" и нетиповой документ "ПланированиеСпецтехники". В. . .	Настройка движения справочника по регистру сведений Maks 29.03.2026 Решение ниже реализовано на примере нетипового справочника "ТарифыМобильнойСвязи" разработанного в конфигурации КА2, с целью учета корпоративной мобильной связи в коммерческом предприятии. . . .	Автозаполнение реквизита при выборе элемента справочника Maks 27.03.2026 Программный код из решения ниже на примере нетипового документа "ЗаявкаНаРемонтСпецтехники" разработанного в конфигурации КА2. При выборе "Спецтехники" (Тип Справочник. Спецтехника), заполняется. . .	Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	24.05.2016, 00:21
	вычислять либо прописывать индексы для методов insertRow (индекс) и insertCell (индекс) -- это лишнее. используйте индекс -1 и будет вам счастье: добавится строка ниже самой нижней и добавится ячейка, правее самой правой кроме того, метод insertRow () чудесно работает и с HTML-элементом <table> -- совсем необязательно использовать его именно с HTML-элементом <tbody> 0

@AZshar 0 / 0 / 0 Регистрация: 23.05.2016 Сообщений: 2
	24.05.2016, 04:44 [ТС]
	Как использовать индекс 1 ? точнее где? 0