cordova - jquery mobile中未显示预选值

Question

我有一个带有从数据库动态填充的下拉菜单的屏幕。我使用 phonegap 和 jquery Mobile。这些值完美地添加到下拉列表中，但应预先选择其中一个值。问题是，当屏幕显示时，字段中没有选定的值（图 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);
    }

提前致谢！

Answer 1

用于在 jquery 使用中预选下拉列表中的值

<script>
$('#user_tb3 option[value='+ "{{ids}}" +']').attr('selected', 'selected');
</script>

将其写在您的选择控件结束的正文中，这将起作用 {{ids}} 将其替换为下拉列表的值，这肯定会起作用@bbasmer 祝你好运