select 下拉树

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

4个回答

Loulley123
Loulley123 发错了,不好意思
8 年多之前 回复
Loulley123
Loulley123 实现的代码呢?
8 年多之前 回复

js框架都带树形结构的

iteye_4938
iteye_4938 。。。俺不是这个意思,请把我的图看完整,在本页面中看到的图片是不完整的。就是类似 select的,出来的是树,而不是option
8 年多之前 回复

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

kisa1022
kisa1022 这个我也用过,很不错。但是不符合楼主的需求。
8 年多之前 回复
iteye_4938
iteye_4938 。。。俺不是这个意思,请把我的图看完整,在本页面中看到的图片是不完整的。就是类似 select的,出来的是树,而不是option
8 年多之前 回复

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]

iteye_4938
iteye_4938 上图 。。。。。
8 年多之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问
相关内容推荐