【问题标题】:how to fetch data from SELECT query to a <select> as a <option>如何将 SELECT 查询中的数据作为 <option> 提取到 <select>
【发布时间】:2018-09-14 23:27:08
【问题描述】:

我刚刚了解了如何在我的服务器端 javascript (index.js) 中使用此代码从数据库中获取数据;

con.connect(function(err) {
con.query("SELECT Cliente FROM Tab_Clienti;", function (err, result, fields) {
      if (err) throw err;
      console.log(result);
    });
});

这是输出的一部分:

RowDataPacket { Cliente: 'GALLERIA DELL ACCADEMIA DI FIRENZE AUDIO - VIDEO'},
RowDataPacket { Cliente: 'ZETEMA AUDIO - VIDEO' },
RowDataPacket { Cliente: 'TERRE DES HOMMES AUDIO - VIDEO' },
RowDataPacket { Cliente: 'ISMETT AUDIO - VIDEO' },
RowDataPacket { Cliente: 'PRAGMATIKA AUDIO - VIDEO' },
RowDataPacket { Cliente: 'CANTINA DI SOAVE AUDIO - VIDEO' },

我如何获取这些信息并放入我的workspace.html,每个数据都需要插入到标签中,如下所示:

<select multiple class="form-control" id="clienti">
       <option>1</option>
       <option>2</option>
       <option>3</option>
       <option>4</option>
       <option>5</option>
</select>

我的客户端文件名为 app.js,仅供参考。

【问题讨论】:

  • 您是否使用 ajax 获取了这些数据?您的客户可以使用吗?你试过什么?
  • 是的,我确实有 ajax,但我还没有尝试过任何事情,因为我不知道我应该做什么,我只知道我有要解析的行结果

标签: javascript html sql node.js ajax


【解决方案1】:

假设您的数据通过 ajax 到达客户端并且是一个数组: 在你的 ajax 成功函数中:

success : function(response){
    for(var i = 0; i < response.length; i++){
        $("#clienti").append($("<option>"+response[i]["Cliente"]+"</option>"));
    }
}

【讨论】:

  • 我在 localhost/Clienti 获得了一个 json,其中包含我的查询数据,我如何将其放入
  • 您是否在从后端获取 json 时遇到问题?
  • 好的,现在我得到了包含我需要的所有数据的 /Clienti 文件 json,但现在我需要将它放在
  • 是的,但是之前有代码吗?因为它给了我一个错误
  • 您需要为此打开另一个问题。
猜你喜欢
  • 2020-11-20
  • 1970-01-01
  • 2022-10-13
  • 2018-06-29
  • 1970-01-01
  • 2019-02-09
  • 2010-12-03
  • 2014-05-05
  • 2012-11-13
相关资源
最近更新 更多