bootstrap选择选择器多选

提问于 2024-04-20T01:59:14+08:00

浏览次

0

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

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

在我的脚本中：

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

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

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

['project1' , 'project2']

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

谢谢你的帮助！

1 回答

0
如果你在一个月内没有解决这个问题：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（） .

它显示没问题 .
回复于 2024-04-20T01:59:14+08:00

相关问题