如何将某些项目分组到单独的optgroup中?应该在不同的
JSON对象中设置? select2文档中没有示例.任何帮助或指导都会有所帮助.
以下是选择人口的示例代码:
jQuery代码:
var data = [ { id: 0,text: 'enhancement' },{ id: 1,text: 'bug' },{ id: 2,text: 'duplicate' },{ id: 3,text: 'invalid' },{ id: 4,text: 'wontfix' } ]; $(".js-example-data-array").select2({ data: data });
解决方法
您需要在数组中设置children属性以允许optgroups.
示例:https://jsfiddle.net/DinoMyte/8odneso7/13/
var data = [{ id: 0,text: 'enhancement',children: [{ id: 5,text: 'enhancement child1' },{ id: 6,text: 'enhancement child2' } ] },{ id: 1,text: 'bug' },{ id: 2,text: 'duplicate' },{ id: 3,text: 'invalid' },{ id: 4,text: 'wontfix' } ]; $(".js-example-data-array").select2({ data: data,width: 'auto' });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <link href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/css/select2.min.css" rel="stylesheet" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.3/js/select2.min.js"></script> <select class="js-example-data-array"> </select>