jquery和sqlite的动态下拉列表显示不正确

Question

我尝试使用SQLite来创建动态下拉列表。 我的sql tabels是COUNTRY，COUNTRY_DISTRICT和DISTRICT。 COUNTRY表格有c1和c2。 DISTRICT表有d1，d2，d3，d4。 COUNTRY_DISTRICT给出了一对（c1，d1），（c1，d2），（c1，d3）和（c2，d4）。 现在我在国家下拉列表中选择c1，在区域下拉列表中选择d1。 之后我将国家的选择更改为c2。 我的区域下拉列表仍然显示为d1，但我想是空字符串。 感谢

$(document).ready(function () {
    $("#country").change(function () {
        Country = $(this).val();
        $('#district option:eq(0)').attr('selected','selected');
        db.transaction(ChangeCountry, errorCB, sucessCB);
    });
});

function ChangeCountry(tx) {
    tx.executeSql('SELECT d.* FROM COUNTRY_DISTRICT as cd , DISTRICT as d WHERE cd.country=? and cd.district = d.district', [Country], renderDistrictList, errorCB);

}
function renderDistrictList(tx, results) {
    var len = results.rows.length;
    var htmlstring = "<option value=\"\" > </option>";


    for (var i = 0; i < len; i++) {

        htmlstring += "<option value=\"" + results.rows.item(i).district + "\">" + results.rows.item(i).district + "</option>";

    }
    $('#district').empty().append(htmlstring);
}