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

Question

Victor Ghost @victorghost

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

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

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

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

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

Подписаться 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

+1 ещё

Простой
Почему react-hook-form не отображает ошибки zod в определенных моментах?
- 1 подписчик
- час назад
- 14 просмотров
0

ответов
HTML

Простой
Почему некорректно отражается текстареа в Osclass evolution?
- 1 подписчик
- 19 часов назад
- 29 просмотров
0

ответов
HTML

Простой
Как на html реализовать блоки «Внимание / Важно»?
- 1 подписчик
- 20 часов назад
- 107 просмотров
1

ответ
HTML

+1 ещё

Простой
Как разместить элементы с разных блоков, чтобы они перекрывали друг друга?
- 1 подписчик
- 23 часа назад
- 47 просмотров
1

ответ
JavaScript

Простой
Почему перестало работать меню?
- 1 подписчик
- вчера
- 136 просмотров
1

ответ
JavaScript

Простой
Какая логика у перебора массива таким способом?
- 1 подписчик
- вчера
- 159 просмотров
5

ответов
JavaScript

+1 ещё

Простой
Как перевести перевести top в translateY?
- 1 подписчик
- вчера
- 81 просмотр
1

ответ
JavaScript

Простой
E.target видит лишь малую область блока?
- 1 подписчик
- 20 нояб.
- 50 просмотров
0

ответов
JavaScript

Простой
Как при открытии блока закрыть предыдущий блок?
- 1 подписчик
- 20 нояб.
- 105 просмотров
0

ответов
JavaScript

Простой
Можно ли использовать Intersection Observer API для не дочерних элементов?
- 1 подписчик
- 20 нояб.
- 48 просмотров
0

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

Fullstack разработчик JavaScript, php

Дорстрой-36 • Воронеж

от 100 000 до 200 000 ₽

JavaScript FullStack developer

Wanted. • Санкт-Петербург

До 220 000 ₽

Смонтировать видео с выставки

22 нояб. 2024, в 11:53

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

Настроить и запустить сервер World of Warcraft 3.3.5a

22 нояб. 2024, в 11:51

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

Создать личный кабинет Битрикс

22 нояб. 2024, в 11:50

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

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

f f @w3bt3rror

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

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

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

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

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

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

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