代码之家  ›  专栏  ›  技术社区  ›  Ram kumar

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

  •  -1
  • Ram kumar  · 技术社区  · 8 年前

    我将使用select2插件实现树视图。我刚试过基本配置。你能帮我吗? 预期结果 enter image description here

    这是我试过的代码

    $('.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>
    2 回复  |  直到 8 年前
        1
  •  1
  •   Christian Žagarskas    7 年前

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

    兼容:选择2 4+

    enter image description here

        2
  •  0
  •   Therichpost    8 年前

    对,

    您只需要尝试使用optgroup选项选择2,希望它能解决 你的问题。

    工作示例代码:

    select2 with optgroup

    select2 with optgroup