Select2 多选框

1. 引入select，官网可以下载

<link rel="stylesheet" href="$!static/static/js/select2-4.0.3/select2.min.css"/>
<script src="$!static/static/js/select2-4.0.3/select2.js"></script>
<script src="$!static/static/js/select2-4.0.3/zh-CN.js"></script>

2. 页面使用，select标签，本人用的velocity

<select class="select-multiple" multiple="multiple" name="cateId">
                            #foreach($bdoPO in $cateList)
                                <option value="$bdoPO.id">$bdoPO.cateName</option>
                            #end
                        </select>

3 . 页面加载select2

$(".select-multiple").select2();

或者根据name渲染：

$('select[name=route]').select2({
        placeholder: "选择航线",
        allowClear: true
    });

4.  根据name正常提交表单即可，选择多个的场合值逗号分隔

5. 回显，通过数组回显

var arr = '$!line.cateId'.split(",");
$('#gl select[name=cateId]').select2("val", [arr]);