预选值未在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 use下拉列表中的值

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

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