利用什么js框架可以实现从一个树状结构中动态选择所亟需的item

利用什么js框架可以实现从一个树状结构中动态选择所需要的item
需求是这样的 一个通知要发给公司里面的指定部门的指定人员 公司有很多部门 这些部门下面又有很多部门，最终到了叶子节点才会具体到部门里面的人 我现在需要通过一个js UI的树结构从不同的部门中选择这个通过指定要发给的人
页面上应该有三个区域 一个是公司部门的树状展示图  一个是根据树状展示图显示当前部门下的人员 用户可以在该区域选择准备将该通知发给的具体人员 最后一个区域是当前已经选择的人员（就是在第二个区域只要你双击那个人 他就会出现在第三个区域） 
请问各位高手谁能给我推荐一个适合实现这个需求的JS框架 
------解决思路----------------------
这个不要什么框架把

就2种节点 一种是 部门  一种员工

员工节点点了 就是选择了
------解决思路----------------------
这个需求，不需要什么框架啊。  

第一个区域，写出树结构的公司部门。

点击部门名字的时候，触发一个事件，提交名字，让第二个区域，显示名字。

第二个区域勾选名字的时候，触发一个事件，让第三个区域添加上去。
------解决思路----------------------
一个树的效果：
http://www.jq22.com/jquery-info941