初めて、私はページをロードすると、私の選択ボックスが空である: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を表示/非表示にするためです。
OMGこれは見つけるのはそう長く連れて行ってくれました!私は今何日もすべてを試しました。ありがとう! –
.trigger( 'create')をよく使うべきです – TecHunter