select树型多选下拉代码

以下是一个简单的HTML和JavaScript代码示例，用于创建一个树状多选下拉列表：

<select id="mySelect" multiple>
  <option value="1">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <option value="4">Option 4</option>
  <option value="5">Option 5</option>
  <option value="6">Option 6</option>
  <option value="7">Option 7</option>
  <option value="8">Option 8</option>
</select>

<script>
  // 初始化树型多选下拉列表
  $('#mySelect').treeMultiselect({
    allowBatchSelection: true,
    enableSelectAll: true,
    searchable: true,
    sortable: true,
    startCollapsed: true,
    // 添加树形结构
    sections: [{
      title: 'Section 1',
      nodes: [{
        title: 'Node 1.1',
        value: '1.1'
      }, {
        title: 'Node 1.2',
        value: '1.2'
      }]
    }, {
      title: 'Section 2',
      nodes: [{
        title: 'Node 2.1',
        value: '2.1'
      }, {
        title: 'Node 2.2',
        value: '2.2'
      }]
    }]
  });
</script>

在这个示例中，使用了 `treeMultiselect` 插件来创建树状多选下拉列表。插件提供了许多配置选项，例如 `allowBatchSelection` 允许批量选择，`enableSelectAll` 允许全选，`searchable` 允许搜索，`sortable` 允许排序，`startCollapsed` 初始时折叠树形结构等等。

要添加树形结构，需要在 `sections` 中添加一个包含 `title` 和 `nodes` 的对象。 `title` 是该部分的标题， `nodes` 是一个包含节点的数组，每个节点都有一个 `title` 和 `value` 属性。

最后，在页面加载时需要调用 `treeMultiselect` 来初始化树状多选下拉列表。