JQuery Seçili seçeneği göstermeyen mobil seçim kutusu

Question

Birisi cevabı aradım ve çok sayıda seçeneği denedim yardımcı olabilir… .. Güncellenmiş bir HTML5 veritabanı ve tabloları var, sonra seçim kutusu boşaltıldı, yeni seçim seçenekler oluşturulur. Sorun seçilen seçenek görüntülenmiyor. Asıl sorgulama Mobil kodudur. Teşekkür

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

Bu benim geçici çözümümdü. Boş komutu kullandığımda, varsayılan bağlantı koptu, bu kod ilk önce tüm seçeneği kaldırır.

  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() Eğer eleman güncellemek için selectmenu('refresh', true) çağırdığınızda bu nedenle, seçenekler hala henüz eklenmemiş, eşzamanlı olmayan bir fonksiyondur. Bunu önlemek için, bu gibi executeSql() fonksiyonun içine güncelleme komutu taşıyın:

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 işlevler ve sözdizimi hakkında daha fazla bilgi.