Как добавить в таблицу несколько строк со списком из 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 ещё

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

ответов
JavaScript

+3 ещё

Простой
Как настроить цели в Яндекс аналитике для телеграм-бота (написан на пайтоне)?
- 1 подписчик
- 6 часов назад
- 30 просмотров
0

ответов
HTML

+1 ещё

Простой
Почему html,vs code.в текстовом файле открывается весь набранный код?
- 1 подписчик
- 8 часов назад
- 73 просмотра
2

ответа
HTML

+2 ещё

Простой
Как поставить видео на всю ширину флекс элемента?
- 1 подписчик
- 8 часов назад
- 50 просмотров
0

ответов
JavaScript

Простой
Как улучшить данный скрипт?
- 1 подписчик
- 8 часов назад
- 49 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как сделать подобную анимацию в JavaScript?
- 2 подписчика
- 8 часов назад
- 221 просмотр
2

ответа
JavaScript

+2 ещё

Простой
Резкость карусели swiper, почему так происходит?
- 1 подписчик
- 8 часов назад
- 37 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как сделать отложенную инициализацию инстанса axios?
- 1 подписчик
- 9 часов назад
- 24 просмотра
1

ответ
JavaScript

+2 ещё

Простой
Как заполнять поля на html-странице из функции на php?
- 1 подписчик
- 12 часов назад
- 89 просмотров
2

ответа
JavaScript

Простой
Как понять что скрипт перестал работать после того как развернули браузер?
- 1 подписчик
- 14 часов назад
- 65 просмотров
1

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

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

Rocket • Смоленск

от 80 000 до 130 000 ₽

JavaScript Developer

AppsTrain.io

от 80 000 до 180 000 ₽

JavaScript FullStack developer

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

До 220 000 ₽

Оптимизация ботов телеграм

06 нояб. 2024, в 00:20

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

Смарт-контракт на блокчейне TON

06 нояб. 2024, в 00:03

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

Ручное тестирование приложения в сторах (iOS и Android)

05 нояб. 2024, в 23:19

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

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

f f @w3bt3rror

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

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

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

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

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

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

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