这篇博客介绍了如何使用原生JavaScript和jQuery来实现四级联动的功能。通过HTML结构和JSON模拟数据，展示了从管理员到品牌商、代理和商家的层层下拉选择。博客详细讲解了JavaScript代码，包括管理、品牌商、代理和商家的选择处理，以及对应的点击事件处理，实现了动态加载和显示下级选项的效果。
html 代码结构：
<div style="width:1325px;position: relative;" class="header_data">
<ul class="section-top1">
<li class="top-li top-li-one">
<p class="namp">管理员</p>
<a href="#"><i class="iconfont"></i></a>
</li>
<ul class="section-top-display section-id-one" style="display: none;">
</ul>
</ul>
<ul class="section-top1">
<li class="top-li top-li-one">
<p class="namp">品牌商</p>
<a href="#"><i class="iconfont"></i></a>
</li>
<ul class="section-top-display section-id-one_pin" style="display: none;">
</ul>
</ul>
<ul class="section-top1">
<li class="top-li top-li-one">
<p class="namp">代理</p>
<a href="#"><i class="iconfont"></i></a>
</li>
<ul class="section-top-display section-id-one_daili" style="display: none;">
</ul>
</ul>
<ul class="section-top1">
<li class="top-li top-li-one">
<p class="namp">商家</p>
<a href="#"><i class="iconfont"></i></a>
</li>
<ul class="section-top-display section-id-one_shop" style="display: none;">
</ul>
</ul>
</div>
json数据模式，模拟数据：
{
"status": &#
最低0.47元/天 解锁文章
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
