Как показать параметры (HTML) с элементами базы данных, используя JavaScript - PullRequest
Новая
       3

Как показать параметры (HTML) с элементами базы данных, используя JavaScript

0 голосов
/ 06 ноября 2018

Я пытаюсь, чтобы элементы, зарегистрированные в базе данных, отображались как варианты выбора в форме HTML

выберите MYSQL: таблица «проект», столбец «имя»

выберите функцию и форму HTML: 

    con.connect(function (err) {
    if (err) throw err;
    con.query("SELECT name FROM project", function (err, result, fields) {
        if (err) throw err;
        console.log(result);
    });
});
<div class="box-form">
    <div class="box-header">
        <p class="title">
            Choose the BOT
        </p>
    </div>
    <form id="form-submit">
        <img alt="robot-icon" class="robot-icon" src="assets / icons / robotic.png" />
        <select id="project" name="project" placeholder="BOT">
            <option value="database-database">select database</option>
        </select>
    </form>
</div>

<script src="js/db_select.js"></script>

Ответы [ 2 ]

0 голосов
/ 06 ноября 2018

На самом деле это массив объектов ( источник ).

Итак, я думаю, что есть идентификатор и имя (метка). 

con.connect(err => {
    if(err) throw err;
    con.query('SELECT name FROM project', (err, res, fields) => {
        res.forEach(project => {
            document.querySelector('#project').innerHTML += `<option value="database-${project.id}">${project.name}</option>`;
        });
    });
});

https://jsfiddle.net/KaKi87/o6rmbh57/

0 голосов
/ 06 ноября 2018

Вы можете попробовать это после получения данных результата.

Я предполагаю, что результатом является массив. 

<!DOCTYPE html>
<html>
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>
<body>
    <select id="project" name="project" placeholder="BOT">
            <option value="">select database</option>
    </select>
<script type="text/javascript">
  $(document).ready(function(){
    result = ['db1','db2','db3']
    for(i=0;i<result.length;i++){
      $("#project").append(new Option(result[i],result[i]));
    }

  })
</script>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...