javascript如何把一个checktree控件放于类似于文本框的框架中?

javascript如何把一个checktree控件放于类似于文本框的框架中现有一个checktree树形结构的控件，用户选择节点，能够向下展开选项
当选项过多，向下展开的幅度过大，影响美观
为了保证界面友好，
想把树形结构控件放于类似文本框的框架中，
当用户选择节点，幅度过大，框架自动产生滚动条，
不至于向下扩展过大
现在我做了这样的尝试：
<textarea id="status" name="status" rows="6" cols="40" >
<ul id="tree-checkmenu" class="checktree">
......
......
......
</textarea>
结果：是产生了一个文本框，里面是一大片文字：<ul id="tree-checkmenu" class="checktree">
......