引导程序选择选择器多选

bootstrap select picker multiple select

本文关键字：选择器 选择 引导程序      更新时间：2023-09-26

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

我的html中有一个选择框，id为Project1，类为selectbox。

在我的脚本中：

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

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

['project1' , 'project2']

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

谢谢你的帮助！

如果你已经一个月没有解决这个问题了。我认为它在文档加载后不显示所选项目的原因是，您调用selectpicker初始值设定项两次，而您应该调用它一次。

你只需要像往常一样填充你的选择，只需在文档内调用selectpicker即可。ready。例如：

在我的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

在Javascript中，我只有这个：

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

它表现得很好。

相关文章：