Привязать раскрывающийся список к локальной (браузерной) базе данных с помощью HTML5 / jQuery / ASP.NET

Question

Итак, я знаю, как хранить и извлекать данные в локальной базе данных (Chrome). Моя функция для извлечения данных:

function SelectHandler(transaction, results) {

    for (var i = 0; i < results.rows.length; i++) {

        var row = results.rows.item(i);
        var customer = new Object();

     customer.id = row['id'];
        customer.fname = row['fname'];
        customer.lname = row['lname'];

    }

}

Я знаю, как присвоить значения из функции выше текстовым полям / меткам и т. Д., Но как мне создать параметры в раскрывающемся списке, например, с именем, именем и идентификатором текста? Я хочу иметь возможность выбрать имя в раскрывающемся списке, а затем заполнить текстовое поле соответствующей фамилией (упрощенный пример).

Заранее спасибо.

Answer 1

for (var i = 0; i < results.rows.length; i++) {
    var row = results.rows.item(i);
    var newFeature = new Object();
    newFeature.id = row['id'];
    newFeature.name = row['name']

    $('#ddlPatients').append(
        $('<option></option>').val(newFeature.id).html(newFeature.name)
     );
}