我正在尝试使用 JavaScript 和 jQuery 从表中获取选择下拉列表的值，但选择菜单不显示任何值？答案

【问题标题】：I'm trying to source values for a select drop down from a table using JavaScript and jQuery, but the select menu doesn't show any values?我正在尝试使用 JavaScript 和 jQuery 从表中获取选择下拉列表的值，但选择菜单不显示任何值？
【发布时间】：2020-04-19 18:32:22
【问题描述】：

这是下拉菜单的 html：

<div id="selectEvent" style="width:200px;">
    <select>
          <option value="0">Select Event:</option>
          <option value="1">Event Name</option>
     </select>
</div>

这就是我尝试将表中的值放入下拉列表的方式：

var options = [];

function callback(tx, results) {
    var htmlCode;
    var cmbType = $("#cboAddEventType");

    for (var i = 0; i < results.rows.length; i++) 
    {
        var row = results.rows.item(i);
        htmlCode += '<option value="' + row.id + '">' + row.name + '</option>';
    }

    cmbType.append(htmlCode);
    cmbType.html(htmlCode).val(1).change();
}

EventType.selectAll(options, callback);

var sqlInsertEventType = ["INSERT INTO eventType (name) VALUES ('Business')",
            "INSERT INTO eventType (name) VALUES ('Personal')",
            "INSERT INTO eventType (name) VALUES ('Commercial')"];

但是当我运行应用程序时，下拉菜单中什么也没有出现。它是空的。怎么了？我在 html 页面中链接脚本的顺序是否重要？

【问题讨论】：

你也在使用 PHP 对吧？

标签： javascript jquery html sql drop-down-menu

【解决方案1】：

您没有 ID 为 cboAddEventType 的 html 元素，您应该将其添加为您的选择元素的 ID。

<select id="cboAddEventType">

您的代码需要更多修复，但我想您自己会得到它们。

【讨论】：