如何更改动态创建的引导选择的选定值?

时间:2019-04-02 19:54:16

标签: jquery bootstrap-select

我正在制作一个新的Web应用程序,我需要使用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);
....

谢谢

1 个答案:

答案 0 :(得分:0)

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