基于ztree的下拉树

所属分类:输入,导航-选择框,文件树

 51273  362  查看评论 (30)
分享到微信朋友圈
X
基于ztree的下拉树 ie兼容10

css: ztree & treeSelect

1
2
<link rel="stylesheet" type="text/css" media="all" href="ztree/css/zTreeStyle.css"/>
<link rel="stylesheet" type="text/css" media="all" href="core/treeSelect.css"/>

js: jquery,ztree,treeSelect

1
2
3
4
<script src="ztree/js/jquery.ztree.all.min.js"></script>
<!--treeSelect-->
<script src="core/treeSelect.js"></script>

定义一个class为"treeSelect"的div,并设置宽度,也可使用百分比

1
<div  ></div>

参数data为:ztree所需数据,需遵守ztree数据格式,demo.html中有,具体ztree数据格式可在treeSelect.js的142行"setting"处修改

inputId为生成代买中input的id,自定义方便取值(相当于select下拉选中的值)

1
2
3
4
5
6
$(function () {
    $(".treeSelect").treeSelect({
        data:data,
        inputId:"txt"
    })
});
相关插件-选择框,文件树

zcity全国城市三级联动插件(原创)

zcity全国城市三级联动,模拟下拉框,样式完全自定义,可扩展多级联动;
  选择框
 32699  329

jQuery世界主要国家和地区联动

世界主要国家地区三级联动选择
  选择框
 28589  323

聚焦input框,显示下拉框(原创!!)

鼠标聚焦input框,之接显示下拉内容,点击输入框以外的地方因关闭下拉框。
  选择框
 33521  315

jquery城市选择插件lazyload-min.js

jquery城市选择插件lazyload-min.js
  选择框
 71138  475

讨论这个项目(30)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    qqw30 0
    2022/6/25 14:44:29
    可以做点击异步加载吗 回复
    linzhi 0
    2021/10/27 17:33:39
    请教怎么获取id值啊? 回复
    0
    2021/9/8 17:06:58
    一个页面不能用多,我用了下面的方法试了也不行,大家慎重 回复
    0
    2021/9/8 16:39:15
    一个页面初始化两个不行啊
        Monkey.D.Luffy0
        2021/10/28 13:34:17
        +1 确实不能初始化两个
    回复
    Sunshiny. * 0
    2021/4/19 10:54:48
    可以分享文档吗 回复
    苏州吴彦祖 0
    2020/9/25 14:31:32
    有文档么老哥们 回复
    康康 0
    2020/5/25 15:14:06
    就这样 0
    2020/5/22 16:33:46
    我只需要你的查询事件 , 怎么调用 回复
    somnus-candy 0
    2020/3/7 20:52:11
    那个选中的层级,可以是叠加而不是替换吗?简单点说就是所有选中层级都显示 回复
    李昆朋 0
    2019/7/16 15:43:07
    为啥文字部分都是undefined
        力量与荣耀0
        2019/7/19 9:05:20
        分享QQ 595114562@qq.com 谢谢
        ?0
        2020/12/19 14:33:41
        能分享的吗?
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复