Question

第一次，当我加载页面时，我的选择框为空：

<select name="secondaryTitle" id="secondaryTitle"></select>

然后我进行ajax调用并获取上面选择框的json数据。

arrtitle = objSecTitle.getAllSecondaryTitle(serviceId); // its an ajax call, that returns json object
var obj = jQuery("#secondaryTitle");
removeAllOptions(obj);
for(i=0;i<arrtitle.length;i++)
{
    obj.options.length=obj.options.length + 1;
    obj.options[obj.options.length - 1].text = arrtitle[i][1];
    obj.options[obj.options.length - 1].value = arrtitle[i][0];
}
function removeAllOptions(selectbox){
    var i;
    for(i=selectbox.options.length-1;i>=0;i--)
    {
        selectbox.remove(i);
    }
}

我的ajax电话很完美。上面的代码也会更改下拉项。但是当我们使用jQuery Mobile时，UI不会更新，因为它显示/隐藏选择弹出窗口的不同div。

Answer 1

没关系！

我应该正确检查文档：

//refresh value         
$('#select').selectmenu('refresh');

//refresh and force rebuild
$('#secondaryTitle').selectmenu('refresh', true);

Answer 2

不要问我为什么，但这只对我有用，直到我使用双引号 - ＆gt;“＆lt; - 对于本说明中涉及的所有字符串：

$（“＃secondaryTitle”）。selectmenu（“refresh”，true）; //工作

我喜欢这样：

$（'＃secondaryTitle'）。selectmenu（'refresh'，true）; //不工作

它不起作用：S：S：S

JQuery Mobile：如何重新渲染选择框？

2 个答案: