bootstrap selectpicker多选

Question

我有一个bootstrap selectpicker，我想要做的是在加载页面后选择多个选项。我从servlet传递一个字符串到一个脚本。

我的html中有一个选择框，其中包含id，Project1和类，selectBox。

在我的剧本中：

$(document).ready(function() {
  $('.selectBox').selectpicker();
});

var index2="${projectindex}";
$('#Project1').selectpicker('val',index2);

projectindex是从servlet传递的变量（使用jsp）。我检查了它，它正确地传递给类似的东西：

['project1' , 'project2']

这两个是选择框中的值，但是一旦文档加载就不会选中它们。有人能告诉我我做错了吗？

感谢您的帮助！

Answer 1

如果你在一个月内没有解决这个问题：S。我认为在文档加载后它没有显示所选项目的原因是因为你在调用一次时调用了selectpicker初始化程序。

您只需按正常方式填充您的选择，只需在 document.ready 中调用 selectpicker 即可。例如：

在我的JSP中，我有一个多选项来选择我使用数组传递servlet的星期几，我想要选择其中一些：

<select class="selectpicker" multiple name="dayGroup" title="Select days">
<c:forEach var="weekDay" items="${weekDays}">
    <option value="${weekDay}" ${fn:contains(days, weekDay) ?'selected' : ''}>${weekDay}</option>
</c:forEach>
</select>

其中 weekDays 是一个包含星期几和天的名称的数组是一个包含某些日期的列表。

在Javascript中我只有这个：

$（ 'selectpicker。'）selectpicker（）;

它显示没问题。