JQuerymobile Selectmenu не удается

Question

Я пытаюсь создать список категорий с помощью Jquerymobile-html5 и websql / sqlite.

Я публикую здесь свой код, чтобы надеяться, что кто-то увидит, что я делаю неправильно.

    //load the cats to choose a cat 
function loadCatOptions() {

var option_str='';
option_str += '<option value="0" data-placeholder="true">Choose categorie</option>';
//option_str += '<option value="0">Top/ParentiD</option>';



db.transaction(function (tx) {
tx.executeSql('SELECT * FROM categories', [], function (tx, results) {

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

var r = results.rows.item(i);

var catID = r.categories_id;
}
var count =0;
while (count < catID+1){
count;

tx.executeSql('SELECT c.parent_id, c.categories_id, cd.categories_name, c.categories_image FROM categories c, categories_description cd WHERE c.categories_id ='+  count  +' AND cd.categories_id ='+  count  +' and cd.language_id ="1"  ORDER BY sort_order, cd.categories_name', [], function (tx, results) {


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

var r2 = results.rows.item(i);



option_str += "<option value=" +  r2['categories_id']  + ">" +  r2['categories_name']  + "</option>";
console.log('categoriesname='+ r2['categories_name']);
$("#parent_id").html(option_str).selectmenu('refresh', true);
}

});
count++;

}



});
});           
}

consolelog показывает все элементы по имени, поэтому я уверен, что запрос к базе данных правильный.Я мог бы потратить несколько дней на то, чтобы решить проблему.если я беру только запрос SELECT * и вызываю selectmenu, я могу видеть все category_id в списке (конечно, замените category_name на category_id, чтобы заставить это работать).Так что проблема сейчас с jquerymobile ??????????????

Он не будет читать option_str + = во втором запросе к базе данных!aaargg

Код выше обновляется с исправлением.

Answer 1

Из вашего вопроса:

Проблема устранена

старый код:

option_str += "<option value=" +  r2['categories_id']  + ">" +  r2['categories_name']      + "</option>";
console.log('categoriesname='+ r2['categories_name']);
}

});
count++;

}

$("#parent_id").html(option_str).selectmenu('refresh', true);//Moved below closing tag of count++

});
});           
}