热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

js或者jq实现二级联动,select实现,要求进入页面默认初始化状态。

这是数据格式,求助。parent_id为零的为父级。[{id:1,title:餐饮美食,

这是数据格式,求助。parent_id为零的为父级。
[
{
"id": 1,
"title": "餐饮美食",
"parent_id": 0,
"sort": 1
},
{
"id": 2,
"title": "丽人美发",
"parent_id": 0,
"sort": 1
},
{
"id": 3,
"title": "KTV酒店",
"parent_id": 0,
"sort": 1
},
{
"id": 4,
"title": "啊三大的",
"parent_id": 0,
"sort": 1
},
{
"id": 5,
"title": "休闲娱乐",
"parent_id": 0,
"sort": 1
},
{
"id": 6,
"title": "自助火锅",
"parent_id": 0,
"sort": 1
},
{
"id": 7,
"title": "玩",
"parent_id": 0,
"sort": 1
},
{
"id": 8,
"title": "餐饮吧",
"parent_id": 1,
"sort": 2
},
{
"id": 9,
"title": "剪发吧·",
"parent_id": 2,
"sort": 2
},
{
"id": 10,
"title": "ktv哦",
"parent_id": 3,
"sort": 2
},
{
"id": 11,
"title": "啊飒飒色彩哦",
"parent_id": 4,
"sort": 2
},
{
"id": 12,
"title": "休闲养生",
"parent_id": 5,
"sort": 2
},
{
"id": 13,
"title": "火锅·海底捞",
"parent_id": 6,
"sort": 2
},
{
"id": 14,
"title": "电影",
"parent_id": 7,
"sort": 2
},
{
"id": 15,
"title": "美食1",
"parent_id": 1,
"sort": 0
},
{
"id": 16,
"title": "美发2",
"parent_id": 1,
"sort": 0
},
{
"id": 17,
"title": "美发3",
"parent_id": 1,
"sort": 0
},
{
"id": 18,
"title": "美发4",
"parent_id": 1,
"sort": 0
},
{
"id": 19,
"title": "美发5",
"parent_id": 2,
"sort": 0
},
{
"id": 20,
"title": "美发6",
"parent_id": 2,
"sort": 0
},
{
"id": 21,
"title": "美发7",
"parent_id": 2,
"sort": 0
},
{
"id": 23,
"title": "333",
"parent_id": 1,
"sort": 0
},
{
"id": 24,
"title": "xlh2",
"parent_id": 1,
"sort": 0
}
]





   



推荐阅读
  • web前端工程化之数据绑定
    这篇博客我放了好久都没有来补充了,是因为那时候做前端,有很多东西很迷糊,这些名词都是新的,经过这么长时间的沉淀, ... [详细]
  • 1、PLSQLDeveloper记住登陆密码在使用PLSQLDeveloper时,为了工作方便希望PLSQLDeveloper记住登录Oracle的用户名和密码&#x ... [详细]
  • html结构 ... [详细]
  • 二十二、D3饼图Abstract在前一章中,你已经看到了条形图是如何表示某一类数 ... [详细]
  • 一、前言元素定位可以说是学自动化测试中必会技能之一,也可以说是通往自动化之路的开门钥匙。就元素定位方法,除了我们常用并熟知的8种元素定位方法之外,还有一种定位方法可以说是一种特殊的 ... [详细]
  • php中session_id()函数原型及说明session_id()函数说明:stringsession_id([string$id])session_id()可以用来获取设置当 ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 本文讨论了一个关于cuowu类的问题,作者在使用cuowu类时遇到了错误提示和使用AdjustmentListener的问题。文章提供了16个解决方案,并给出了两个可能导致错误的原因。 ... [详细]
  • 本文介绍了一个在线急等问题解决方法,即如何统计数据库中某个字段下的所有数据,并将结果显示在文本框里。作者提到了自己是一个菜鸟,希望能够得到帮助。作者使用的是ACCESS数据库,并且给出了一个例子,希望得到的结果是560。作者还提到自己已经尝试了使用"select sum(字段2) from 表名"的语句,得到的结果是650,但不知道如何得到560。希望能够得到解决方案。 ... [详细]
  • 高质量SQL书写的30条建议
    本文提供了30条关于优化SQL的建议,包括避免使用select *,使用具体字段,以及使用limit 1等。这些建议是基于实际开发经验总结出来的,旨在帮助读者优化SQL查询。 ... [详细]
  • 深入理解CSS中的margin属性及其应用场景
    本文主要介绍了CSS中的margin属性及其应用场景,包括垂直外边距合并、padding的使用时机、行内替换元素与费替换元素的区别、margin的基线、盒子的物理大小、显示大小、逻辑大小等知识点。通过深入理解这些概念,读者可以更好地掌握margin的用法和原理。同时,文中提供了一些相关的文档和规范供读者参考。 ... [详细]
  • 本文介绍了200个经典c语言源代码,包括函数的使用,如sqrt函数、clanguagefunct等。这些源代码可以帮助读者更好地理解c语言的编程方法,并提供了实际应用的示例。 ... [详细]
  • 【Vue基础】监听属性watch
    Vue监听属性是watch,我们可以通过watch来响应数据的变化。代码示例: ... [详细]
  • 某天看jQuey的deffered对象的时候,突然想起了曾经面试的一个关于ajax的问题,就是同时发送三个ajax请求,当三个请求都成功的时候输出1,当时不知道jQuery的$.w ... [详细]
  • ajaxfileupload.js 兼容ie9,10
    在使用ajaxfileupload.js上传文件时,ie9和ie10会报INVALID_CHARACTER_ERR(5)的错误,导致无法上传成功;网上查了一系列处理方式:如:把代码 ... [详细]
author-avatar
S晓晓宋五
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有