JQuery Mobile：如何重新渲染選擇框？

第一次，當我打開網頁，我的選擇框爲空：JQuery Mobile：如何重新渲染選擇框？

<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用於選擇彈出窗口。

來源

2011-01-29 Vikas

沒關係！

我應該好好檢查文檔：

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

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

來源

2011-01-29 07:04:04 Vikas

OMG這花了我這麼長時間才找到！我已經嘗試了幾天的一切。謝謝！ – 2011-11-24 14:19:52

不要問我爲什麼，但是這只是工作的我，直到我用雙引號 - >」 < - 對涉及該指令的所有字符串：

。

$（「＃secondaryTitle」）selectmenu（「刷新」，真）; //工作

我有這樣的：

$（ '＃secondaryTitle'）SEL。 ectmenu（ '刷新'，真）; //不工作

，它不工作：S：S：S

來源

2012-12-06 02:55:03

JQuery Mobile：如何重新渲染選擇框？

回答

相關問題