データベースから動的に入力されるドロップダウンのある画面があります。phonegap と jquery Mobile を使用しています。値はドロップダウンに完全に追加されますが、値の 1 つを事前に選択する必要があります。問題は、画面が表示されたときに、フィールドに選択された値がないことです (画像 1)。しかし、ドロップダウンを開くと、事前に選択された値が強調表示されます (画像 2)。jquery 1.8.3 と jquery mobile 1.2.0 を使用しています。
画像 1:
画像 2:
これが私のコードです:
selectSubjectsSuccess: function(tx, results){
var len = results.rows.length;
var selVal = -1;
console.log('### szlog: Subjects found: ' + len);
var subjects = '<option value="">' + sz.langdata['subject'] + '</option>';
var pre_subject = $('p.plannerfield #subject').data('preselect');
for (var i = 0; i < len; i++){
subjects += '<option value="' + results.rows.item(i).sj_id + '"';
if(pre_subject == results.rows.item(i).sj_id){
subjects += ' selected="selected"';
}
subjects += '>' + results.rows.item(i).sj_name + '</option>';
}
var sdd = $(".subjectDropdown");
sdd.empty().append(subjects);
sdd.selectmenu();
sdd.selectmenu("refresh", true);
}
前もって感謝します!