JQuery Mobileの選択ボックスが表示されません

Question

誰かが答えを探して、多くのオプションを試してもらえることを願っています... ..私はHTML5データベースとテーブルを更新して、選択ボックスを空にし、新しい選択オプションが作成されます。選択したオプションが表示されないという問題があります。以下は、実際のクエリモバイルコードです。おかげ

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()関数の内部にupdateコマンドを動かす：

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の関数と構文については、こちらをご覧ください。