JQuery Mobile select box не отображает выбранную опцию

Question

Я надеюсь, что кто-то может помочь Я искал ответ и пробовал много вариантов ... У меня есть база данных HTML5 и таблицы, которые обновляются, затем поле выбора опустели, новый select варианты создаются. Проблема заключается в том, что выбранная опция не отображается. Ниже приведен код мобильного кода. Благодаря

function updateCList() { 
    db.transaction(function (tx) { 
     tx.executeSql('SELECT * FROM CourseTable', [], function (tx, results) { 
      var len = results.rows.length, i; 
      $('#coursemenu').empty(); 
      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 1

Это было моим обходным решением. Когда я использовал пустую команду, ссылка на значение по умолчанию была сломана, этот код удаляет все параметры, кроме первого.

  function emptyCList() { 
       var select = document.getElementById("coursemenu"); 
       var len = select.options.length; 
       for (i = len; i > 0; i--) { 
        select.options[i] = null; 
       }; 
      }; 

Answer 2

executeSql() асинхронная функция, поэтому при вызове selectmenu('refresh', true) обновить элемент, до сих пор еще не были добавлены опции. Чтобы избежать этого, переместите команду обновления к внутренней функции executeSql(), как это:

tx.executeSql('SELECT * FROM CourseTable', [], function (tx, results) { 
    var len = results.rows.length, i; 
    $('#coursemenu').empty(); 
    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); 
    } 
    $('#coursemenu').selectmenu('refresh', true); 
}, null); 

Подробнее о функциях и синтаксиса в docs.