javascript - js或者jq实现二级联动,select实现,要求进入页面默认初始化状态。
巴扎黑
巴扎黑 2017-04-10 15:15:08
[JavaScript讨论组]

这是数据格式,求助。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
}
]

巴扎黑
巴扎黑

全部回复(2)
天蓬老师

http://jsfiddle.net/7yvxantu/1/
想要这样的效果?给第一个select绑定change事件,然后更改第二个select的html就可以了。

ringa_lee

你要表达什么,想要什么效果

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号