引导选择选择器多选

Question

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

我的 html 中有一个选择框，其 ID 为 Project1，类为 selectBox。

在我的脚本中：

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

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

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

['project1' , 'project2']

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

谢谢你的帮助！

Answer 1

如果你在一个月内还没有解决这个问题。 我认为它在文档加载后不显示所选项目的原因是因为您在应该调用一次时调用了两次 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是一个包含星期几名称的数组， days是一个包含某些日子的 List。

在 Javascript 中，我只有这个：

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

它显示正常。