无法使用jquery填充选择下拉列表

Question

我正在使用websql存储一些Web应用程序的数据。现在我试图检索它并将其填充到选择下拉框中。我使用html函数来设置值。但出于某种原因，选择下拉框不会填充。

HTML文件

HTML File

这里是JavaScript文件

var dbConnection=null; 
var dbName='ExpensesAppDb'; 
var dbVersion='1.0'; 
var dbDisplayName='Expenses Application Database'; 
var dbSize=1024*1024*5; 
var categoryTable="categories"; 
var name="name"; 
var _id="id"; 
var categoryTableQuery="create table "+categoryTable+"("+_id+" integer primary key," 
+ name +" text)"; 
var options=""; 

$(function() 
{ 
dbConnection=openDatabase(dbName,dbVersion,dbDisplayName,dbSize); 
createCategoryTable(); 
init(); 
fetchCategories(); 
}); 

createCategoryTable=function() 
{ 
dbConnection.transaction(function(tx){ 
tx.executeSql(categoryTableQuery,[], 
function(){alert('Category Table created');}, 
function(tx,error){ alert(error.message);}); 
}); 
}; 

insertCategory=function(aName) 
{ 
dbConnection.transaction(function(tx){ 
    tx.executeSql("insert into "+categoryTable+"("+name 
    +") values(?)",[aName], 
    function(tx,result) 
    { 

    }, 
    function() 
    { 

    } 
) 
    }); 
     }; 


fetchCategories=function() 
{ 
dbConnection.transaction(function(tx){ 
    tx.executeSql("SELECT "+_id+","+name +" FROM "+categoryTable, [], 
    function(SQLTransaction, data){ 
    for (var i = 0; i "+aName+"" 
} 

function populateCategoryList() 
{ 
$('#expensesCategory').html(options); 
$("#expensesName").val("Hello"); 
} 

function init() 
{ 
    insertCategory("Food"); 
    insertCategory("Rent"); 
    insertCategory("Gas"); 
    insertCategory("Entertainment"); 
} 

PS：一个人如何显示HTML文件的来源在这里。我想引擎是解析HTML文件。

Answer 1

我想通了。我必须使用 $（“＃expensesCategory”）刷新选择框的显示状态。selectmenu（'refresh'，true）;