Select2 多选框

来源：互联网发布：python 数组加一列编辑：程序博客网时间：2024/05/16 07:59

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]);

1 0