如何更改动态创建的引导选择的选定值？答案

【问题标题】：How to change selected value of dynamically created bootstrap-select?如何更改动态创建的引导选择的选定值？
【发布时间】：2019-08-24 05:44:44
【问题描述】：

我正在制作一个新的网络应用程序，我需要使用 jQuery 和异步调用动态地创建和填充新的引导选择对象。

我尝试使用 .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);
....

谢谢

【问题讨论】：

How to set selected value on select using selectpicker plugin from bootstrap的可能重复
我试过了，但是不行。如果我在 Firefox 控制台中使用它，一切都很好（与 selectpicker('val', val) 相同）但在 JS 函数中它不起作用。
这是您使用的实际代码吗？因为在所有示例中，“刷新”都出现在 selectpicker('val',4) 之后。
是的，即使我尝试在 selectpicker ('val', 4) 之后插入刷新但没有成功。

标签： jquery bootstrap-select

【解决方案1】：

经过几次尝试，我发现了问题：异步调用 select.append(ora) 完成后 $(id_ora).selectpicker('val', 4)。我更改了在异步调用的成功函数中插入附加指令的代码，现在一切正常。

【讨论】：