Я пытаюсь получить исходные значения для выпадающего списка из таблицы, используя JavaScript и jQuery, но в меню выбора не отображаются значения?

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

У вас нет элемента html с идентификатором cboAddEventType, вы должны добавить его в качестве идентификатора для вашего элемента select.

<select id="cboAddEventType">

ваш код нуждается в дополнительных исправлениях, но я думаю, вы достану их сам.