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?

Question

這是下拉菜單的 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 頁面中鏈接腳本的順序是否重要？

Answer 1

您沒有 ID 為cboAddEventType的 html 元素，您應該將其添加為 select 元素的 ID。

<select id="cboAddEventType">

你的代碼需要更多的修復，但我想你會自己得到它們。