如何将 SELECT 查询中的数据作为 <option> 提取到 <select>

Posted 2023-03-07

【中文标题】如何将 SELECT 查询中的数据作为 <option> 提取到 <select>

【英文标题】：how to fetch data from SELECT query to a <select> as a <option>

【发布时间】：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，但我还没有尝试过任何事情，因为我不知道我应该做什么，我只知道我有要解析的行结果

【参考方案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，但现在我需要将它放在 标记中

是的，但是之前有代码吗？因为它给了我一个错误

您需要为此打开另一个问题。