Как добавить в таблицу несколько строк со списком из SQL?

Question

Victor Ghost @victorghost

Как добавить в таблицу несколько строк со списком из SQL?

Доброго дня,
помогите пожалуйста со скрипотом, который добавляет в таблицу строки, но так, чтобы в список добавлялись значения из SQL запроса (вот как на рисунке). Нужно сделать так, чтобы у ячеек каждой строки был уникальный ID.

последовательность такая:
- жмется кнопка "добавить строку"
- добавляется строка (вот такая же, как тут на картинке)
- в ячейку, где материал, выводится список материалов. берется он из бд, из таблицы с материалами

Вопрос задан более трёх лет назад
209 просмотров

Комментировать

Подписаться 1 Оценить Комментировать

Пригласить эксперта

Ответы на вопрос 1

6 комментариев

Victor Ghost @victorghost Автор вопроса

ээ... это точно к этому вопросу ответ?
по-моему, вообще никакой связи...

Написано более трёх лет назад
Aleksandr Salamatov @ch1sel

Victor Ghost: ну в вопросе тоже много неясного)

какой бэкэнд используется? если нужно на клиенте то скорее всего через ActiveX придется

Написано более трёх лет назад
Victor Ghost @victorghost Автор вопроса

Александр Саламатов: для меня веб-программирование пока что темный лес под лунным светом :))))
вообще, ищется любой рабочий вариант. лучше, конечно, чтобы при загрузке формы грузить в js массив список из бд и потом после добавления строки запихивать его в ячейку (так будет всего одно обращение к бд).
т.е., проще говоря, нужен просто js скрипт, который добавляет строку с раскрывающимся списком в таблицу с данными из массива.
п.с. просто строку добавить я знаю как, а со списком нет еще

Написано более трёх лет назад

Aleksandr Salamatov @ch1sel

Victor Ghost:

<!DOCTYPE html>
<html lang="en">

<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script>

        //Тут должен быть запрос на  бэкэнд который работает с БД
        var response = {
            materials: [{
                name: "Железо"
            }, {
                name: "Дерево"
            }, {
                name: "Стекло"
            }]
        };

        var arr = response.materials.map((obj) => {
            return `<option>${obj.name}</option>`;
        });

        function addstr() {
            var str = document.createElement('tr');
            str.innerHTML = `<td><select>${arr.join()}</select></td>`;

            var table = document.getElementById('table');
            table.appendChild(str);
        }
    </script>

</head>

<body>
    <button onclick="addstr()">Добавить строку</button>

    <form>
        <table id="table">
        </table>
    </form>
</body>

</html>

Написано более трёх лет назад

Victor Ghost @victorghost Автор вопроса
Александр Саламатов:
охх... все-равно не понятно :))
//Тут должен быть запрос на бэкэнд который работает с БД

у меня запрос к бд идет так:
<?php include_once 'dbConfig.php'; $query_c="SELECT * FROM a_product"; $result_c=$con->query($query_c); ?>

в dbConfig.php идет подключение к бд, в $result_c получаю 2-мерный массив (ID, Product)

как вот его вставить туда? :)
Написано более трёх лет назад

Aleksandr Salamatov @ch1sel

Несилен в PHP, возможно как то так:

<!DOCTYPE html>
<html lang="en">

<head>
    <title></title>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script>
        //Тут должен быть запрос на  бэкэнд который работает с БД
        var response = 
<?php 
include_once 'dbConfig.php';
$query_c="SELECT * FROM a_product";
$result_c=$con->query($query_c);
echo json_encode($result_c);
?>;

        var arr = response.map((obj) => {
            return `<option value=${obj.id}>${obj.name}</option>`;
        });

        function addstr() {
            var str = document.createElement('tr');
            str.innerHTML = `<td><select>${arr.join('')}</select></td>`;

            var table = document.getElementById('table');
            table.appendChild(str);
        }
    </script>

</head>

<body>
    <button onclick="addstr()">Добавить строку</button>

    <form>
        <table id="table">
        </table>
    </form>
</body>

</html>

в строке:

return `<option value=${obj.id}>${obj.name}</option>`;

нужны названия колонок из БД

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

Простой
Почему не срабатывает prototype reverse на строке?
- 1 подписчик
- 9 часов назад
- 34 просмотра
1

ответ
JavaScript

+1 ещё

Простой
Как лучше обратиться к кнопке через id или через class?
- 1 подписчик
- 9 часов назад
- 47 просмотров
2

ответа
JavaScript

+2 ещё

Простой
Как сделать ajax фильтрацию по категориям в WP?
- 1 подписчик
- 11 часов назад
- 16 просмотров
0

ответов
JavaScript

Средний
Как сделать, чтобы встроенный обработчик события убрал сам себя?
- 3 подписчика
- 14 часов назад
- 323 просмотра
0

ответов
JavaScript

Простой
Как реализовать карирование так, чтобы оно не было замкнуто на одну переменную?
- 1 подписчик
- 17 часов назад
- 74 просмотра
0

ответов
JavaScript

+2 ещё

Простой
Галерея 3DWave. Перевел HTML в JS. Не работает.?
- 1 подписчик
- вчера
- 77 просмотров
0

ответов
HTML

+3 ещё

Простой
Flask вывод изображения из базы данных?
- 1 подписчик
- вчера
- 70 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как совместить JS и Django?
- 1 подписчик
- вчера
- 89 просмотров
1

ответ
JavaScript

Сложный
Как сделать горизонтальный виртуальный скролл?
- 1 подписчик
- вчера
- 64 просмотра
0

ответов
JavaScript

+1 ещё

Простой
Почему падает локальный сервер?
- 1 подписчик
- вчера
- 93 просмотра
0

ответов
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript разработчик

вАйТи

от 5 000 до 25 000 ₽

Middle JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

Разработать нейросеть

02 мая 2024, в 06:11

30000 руб./за проект

Автоматизация отчетности сектора подбора и развития персонала в 1С

02 мая 2024, в 05:49

7000 руб./за проект

Изменение темы сайта на ghost cms

02 мая 2024, в 04:47

5000 руб./за проект

Answer 1 · 2017-04-16 01:37:00

f f @w3bt3rror

<? echo mysql_num_rows(mysql_query("SELECT * FROM online")) ?> Выводит число юзеров, из 'online'

Ответ написан более трёх лет назад

6 комментариев

Как добавить в таблицу несколько строк со списком из SQL?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт