解决bootstrap-select下拉框多选，无法回选问题

最新推荐文章于 2026-06-11 16:50:08 发布

原创最新推荐文章于 2026-06-11 16:50:08 发布 · 3.2k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

jsp

当前文章被收录于：

jsp

3 篇文章 0 人学习

订阅专栏查看详情

模板

当前文章被收录于：

模板

2 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一个关于如何在Velocity模板中实现JavaScript选择器插件数据回显的例子。具体展示了如何利用Velocity模板语法获取后端数据，并在页面加载时设置已选选项。

事例代码如下：

html：

<select id="useseason" name="season" class="selectpicker bla bla bli" multiple data-live-search="true">
      <option value="1">1</option>  
      <option value="2">2</option> 
</select>

js：

$(function(){
            $('.selectpicker').selectpicker();
            var season = '$!season';		//回选的数据
            if (season !=null && season  !='') {
                var seasonlist = season.replace(/ /g,'').split(",");
                $('.selectpicker').selectpicker('val',seasonlist);
                $('.selectpicker').selectpicker('render');
            }
        });

由于使用了velocity模板，所以在js里可用$!season取到数据。延伸个问题，对于velocity模板，独立引用的js文件无法通过$取到后台返回的数据。只能通过页面的如下形式