select 下拉树

我想要的效果，如附件中的图所示，这个是我自己做的一个，但是不是很满意，目前只是支持IE、FF。想问问各位有没有标准的一个或者比较通用的一个。

[img]http://dl.iteye.com/upload/picture/pic/113111/7207b683-a549-39b8-a1bf-69676d19ac1d.png[/img]

js框架都带树形结构的

用ztree吧，目前感觉这个比较好用，文档api都非常齐全，示例操作都很详细
[url]http://www.ztree.me/v3/main.php#_zTreeInfo[/url]

jquery easyui 里的combotree试下.

[code="java"]

[/code]

[code="java"]

[/code]

[code="java"]

$('#ddtree').combotree( { //获取数据URL url : '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; } }

[/code]

[code="java"]
[{"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":"其他"}]
[/code]