如何更改动态创建的bootstrap-select的选定值？

Question

我正在制作一个新的Web应用程序，我需要使用jQuery和异步调用动态创建和填充新的bootstrap-select对象。

我试过使用.selectpicker（'val'，）和.selectpicker（）。val（）方法但没有成功。我也试过这个：How to set selected value on select using selectpicker plugin from bootstrap如果我在页面加载或Firefox控制台中使用相同的代码，它的工作原理。

function getOre (select)
{
   ...
   //per ogni ora del giorno
   for (i=0; i<data.length; i++)
   {
      var ora = '<option class="new_ora_options" value='+data[i].id+'>'+data[i].inizio+'</option>';
      select.append(ora);
   }
   ...
}

...
var sel = "<select class='selectpicker ora' id='ora_1'></select>";
$('.table').append(sel);
id_ora = "#new_ora_1";
$(id_ora).selectpicker({noneSelectedText:"Scegli la prenotazione",});
getOre(id_ora);
$(id_ora).selectpicker('refresh');
$(id_ora).selectpicker('val', 4);
....

谢谢

Answer 1

经过几次尝试后，我发现了问题：在$（id_ora）.selectpicker（'val'，4）之后，select.append（ora）完成了asyncrounous调用。我更改了在asyncronous调用的success函数中插入append指令的代码，所有现在都正常工作。