jQuery无限联动下拉框(原创)

所属分类:输入-选择框

 36608  338  查看评论 (11)
分享到微信朋友圈
X
jQuery无限联动下拉框(原创) ie兼容8
var _json = [
   {
       "v": "1",
       "n": "新闻",
       "s": [{
           "v": "3",
           "n": "新闻一级",
           "s": [
               {
                   "v": "8",
                   "n": "哈哈哈哈要",
                   "s": [
                       {
                           "v": "9",
                           "n": "有一分耕耘"
                       }
                   ]
               }
           ]
       },
           {
               "v": "4",
               "n": "新闻一级1",
               "s": [
                   {
                       "v": "10",
                       "n": "55",
                       "s": [
                           {
                               "v": "11",
                               "n": "551",
                               "s": [
                                   {
                                       "v": "13",
                                       "n": "321"
                                   }
                               ]
                           }
                       ]
                   }
               ]
           },
           {
               "v": "5",
               "n": "动态一"
           }
       ]
   },
   {
       "v": "2",
       "n": "文章",
       "s": [
           {
               "v": "7",
               "n": "6666"
           }
       ]
   },
   {
       "v": "6",
       "n": "哈哈哈"
   },
   {
       "v": "12",
       "n": "12"
   }
        ]
$("#bbbb").AddSelect({
            data: _json
            , id: "v"
            , name: "n"
            , link: "s"
        })

数据格式以_json的格式   data里面为数据 id数据库传的唯一标识 name是名字 link是下级内容 千万记住这些对象对应的都是键不是键值 里面有模版可以看参考模版就可以了

相关插件-选择框

jQuery双列表左右切换选择

左右切换选择,多项选择,并可以回到原始位置而不是向下或向上累加,超出出现滚动条
  选择框
 37790  372

jQuery移动端省市区三级联动选择框

仿淘宝移动端收货地址省市区的选择面板
  选择框
 89298  512

jQuery仿美团APP筛选

jQuery条件筛选
  选择框
 44023  390

自制小清新select插件

通过原生生成美化后的,分享给初学者
  选择框
 38768  385

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

    щǒ浠罕祢の 0
    2019/9/24 15:56:14
    怎么去取每个下拉框id
    回复
    捌玖 0
    2019/8/5 14:07:32
    那数据要是从后台获取的呢?该怎么调用?
        捌玖0
        2019/8/5 19:05:37
        从后台获取的数据用你这个方法总是报错
    回复
    在路上ing 0
    2018/10/19 13:35:35
    谢谢分享了,用用看 回复
    Aimhigh_99 0
    2018/5/8 18:32:34
    选中的值怎么赋给它 回复
    Rcon 0
    2018/1/26 10:25:46

    js代码感觉写的好复杂啊    我想在多级下拉框中间加span标签隔开 都不知该往插入代码了

    回复
    扶朕起来 朕还能学 0
    2018/1/2 9:21:19

    select标签IE下面很丑。肯定是不被允许

        Prince0
        2018/1/10 9:00:07
        基本上用到ie了 估计就是政府的东西了 ?政府的还会嫌丑?  不过如果用 div控制下拉 是更加简单  我下次写个原生的
        Prince0
        2018/1/10 9:01:47
        我也没有想到会用到前台 这个是考虑给后台用的  那到时候我再写一个
    回复
    炬海开发陈 0
    2017/10/26 14:03:37

    用不了?

        Prince0
        2018/1/10 9:00:41
        你只要按我的规则写肯定用得了 我测过好几遍没有问题才放上去的
    回复
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复