如何用layui tree 编写 下拉选择框内放树型

您可以使用以下步骤来使用layui tree编写下拉选择框内放树型：

1. 首先，在HTML页面中创建一个下拉选择框的元素，如下所示：

<select id="treeSelect"></select>

2. 接下来，在JavaScript中使用layui的tree组件来生成树型结构，并将其添加到下拉选择框中，如下所示：

layui.use(['tree'], function(){
  var tree = layui.tree;
  
  // 树型结构数据
  var treeData = [{
    title: '节点1',
    id: 1,
    children: [{
      title: '子节点1',
      id: 2
    }, {
      title: '子节点2',
      id: 3
    }]
  }, {
    title: '节点2',
    id: 4
  }];

  // 生成树型结构
  tree.render({
    elem: '#treeSelect',
    data: treeData,
    click: function(obj){
      // 选中节点后的回调函数
      console.log(obj.data); // 获取选中的节点数据
    }
  });
});

3. 最后，您可以根据需要对下拉选择框进行样式调整，如下所示：

#treeSelect {
  width: 200px;
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #fff;
  font-size: 14px;
  color: #333;
  outline: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#treeSelect .layui-tree-txt {
  padding-left: 5px;
}

这样，您就可以使用layui tree编写下拉选择框内放树型结构了。