标记在页面加载时选择的bootstrap-select选项

时间:2017-08-10 01:34:34

标签: jquery html bootstrap-select

我正在使用bootstrap-select来允许用户在下拉列表中选择多个选项。此jQuery代码标记在页面加载时选择的特定选项。页面加载时,将从代码中自动选择列表。

Example of the dropdown pre-populating

当我发布此页面时,我发现当页面源显示正确的jQuery代码时,下拉列表不会预先选择。我看到控制台日志没有错误。下面的页面来源显示了正确的"周"视图模型中的值。

我看不出代码有任何明显错误,令我感到困惑的是,某些东西可以在我的本地电脑上运行,但不能在已发布的网页上运行。还有什么我可以检查,因为没有错误被触发?

This is what it looks like on the published page

// this comes from the View Model -- this is correct
var weeks = [];
weeks.push("Quarter 1 Week 1: Aug 7 - Aug 11");

// mark selected items in week list
var weekList = $("#Weeks > option");
$.each(weekList, function (a1, a2) {
    var $this = $(this);
    $.each(weeks,function(b1, b2) {
        if (a2.text === b2) {
            $this.attr("selected", "selected");
        }
    });
});

1 个答案:

答案 0 :(得分:2)

虽然代码是正确的,但应用它的最后一个声明是:

$('.selectpicker').selectpicker('render');

这会强制选择列表刷新并应用上面的jQuery代码。