無法使用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）;