GlenS GlenS - 2 years ago 155
Javascript Question

JQuery Mobile select box not displaying selected option

I hope someone can help I've looked for the answer and tried many options….. I have a HTML5 database and tables that is updated, then the select box is emptied, new select options are created. The problem is the selected option is not displayed. Below is the actual query Mobile code. Thanks

function updateCList() {
db.transaction(function (tx) {
tx.executeSql('SELECT * FROM CourseTable', [], function (tx, results) {
var len = results.rows.length, i;
SelectOption(document.courseData_form.coursemenu, "Course Type", "Course Type")
for (i = 0; i < len; i++){
SelectOption(document.courseData_form.coursemenu, results.rows.item(i).c_type, results.rows.item(i).c_type);
}, null);
$('#coursemenu').selectmenu('refresh', true);

Answer Source

This was my workaround. When I used the empty command the link to the default was broken, this code removes all option but the first.

            function emptyCList() {
                var select = document.getElementById("coursemenu");
                var len = select.options.length;
                for (i = len; i > 0; i--) {
                    select.options[i] = null;
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download