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

时间:2011-03-31 17:40:22

标签: javascript jquery html jquery-ui

我使用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文件。

1 个答案:

答案 0 :(得分:1)

我明白了。我必须使用刷新选择框的显示状态 $(“#expensesCategory”)。selectmenu('refresh',true);