第一次,当我加载页面时,我的选择框为空：
<select name="secondaryTitle" id="secondaryTitle"></select>
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.
解决方法
没关系！
我应该正确检查文件：
//refresh value
$('#select').selectmenu('refresh');
//refresh and force rebuild
$('#secondaryTitle').selectmenu('refresh',true);
