我们可以用 select2 实现树视图吗？ [关闭]

Posted 2023-05-07

【中文标题】我们可以用 select2 实现树视图吗？ [关闭]

【英文标题】：Can we implement tree view with select2? [closed]

【发布时间】：2018-10-30 17:41:36

【问题描述】：

我将使用 select2 插件实现树视图。我只尝试了基本配置。你能帮我解决这个问题吗？ 期望的结果

这是我尝试过的代码

$('.js-example-basic-single').select2(
  placeholder: 'Select an option'
);

select 
    width: 100%;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/js/select2.min.js"></script>
<link href='https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.5/css/select2.min.css'>
<select name="" id="" class="js-example-basic-single">
    <option value="main">Pepal Inc.</option>
    <option value="child1">Business Unit 1</option>
    <option value="child1">Sub Business Unit 1</option>
    <option value="child-level1">Sub Sub Business Unit 1</option> 
    <option value="child-level1">Business Unit 2</option>
    <option value="child-level1">Business Unit 3</option>
    <option value="child1">Sub Business Unit 3</option>
    <option value="child-level1">Sub Sub Business Unit 3</option> 
</select>

【参考方案1】：

是的，这里有一个真正的“树”插件： https://github.com/clivezhg/select2-to-tree

兼容：Select2 4+