问题描述
我想要的效果，如附件中的图所示，这个是我自己做的一个，但是不是很满意，目前只是支持IE、FF。想问问各位有没有标准的一个或者比较通用的一个。
解决方案
解决方案二：
jquery easyui 里的combotree试下.<link rel="stylesheet" type="text/css" href="themes/default/easyui.css"><script type="text/javascript" src="js/jquery-1.7.2.min.js"></script><script type="text/javascript" src="js/jquery.easyui.min.js"></script><input id="ddtree" name="ddtree" /><script type="text/javascript">$('#ddtree').combotree( {//获取数据URLurl : 'Data',//选择树节点触发事件onSelect : function(node) {//返回树对象var tree = $(this).tree;//选中的节点是否为叶子节点,如果不是叶子节点,清除选中var isLeaf = tree('isLeaf', node.target);if (!isLeaf) {//清除选中$('#ddtree').combotree('clear');}}});//赋值//$('#ddtree').combotree('setValue',20);function check() {var value = $('#ddtree').combotree('getValue');if (value && value.length != 0) {return true;} else {return false;}}</script>[{"id":"1","text":"购物","children":[{"id":"6","text":"拍卖会","children":[{"id":"12","text":"拍卖会","children":[{"id":"18","text":"拍卖会"},{"id":"19","text":"跳蚤接"},{"id":"20","text":"淘宝币"},{"id":"21","text":"试用中心"},{"id":"22","text":"电子书"},{"id":"23","text":"全球购"}]},{"id":"13","text":"跳蚤接"},{"id":"14","text":"淘宝币"},{"id":"15","text":"试用中心"},{"id":"16","text":"电子书"},{"id":"17","text":"全球购"}]},{"id":"7","text":"跳蚤接"},{"id":"8","text":"淘宝币"},{"id":"9","text":"试用中心"},{"id":"10","text":"电子书"},{"id":"11","text":"全球购","selected":"true"}]},{"id":"2","text":"生活"},{"id":"3","text":"工具"},{"id":"4","text":"社区"},{"id":"5","text":"其他"}]
解决方案三：
用ztree吧，目前感觉这个比较好用，文档api都非常齐全，示例操作都很详细http://www.ztree.me/v3/main.php#_zTreeInfo
解决方案四：
js框架都带树形结构的