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

标签 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);
....

谢谢

最佳答案

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

关于jquery - 如何更改动态创建的引导选择的选定值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55482564/

相关文章:

javascript - 如何提交带有表单的<li>?

javascript - 动态加载其他 Google map 库

javascript - 在 Chrome 中删除焦点颜色

javascript - jQuery 中 bootstrap-select 的 stopPropagation

jquery - silviomoreto/bootstrap-select [标题] 属性

javascript - 如何设置一个元素一个接一个显示的持续时间

javascript - 无法通过ajax提交数据

twitter-bootstrap - 使用 Bootstrap Select 禁用下拉功能

jquery - bootstrap-select 未选择任何内容

jquery - Bootstrap selectpicker 在克隆的 div 中刷新后重复