演示

一个基于JQuery的JS实现的三级分类的代码完整代码,包含html、js、css
代码展示:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1" />
<meta name="renderer" content="webkit" />
<title>
jQuery多级选择商品分类代码
</title>
<link rel="stylesheet" href="style.css" />
<script type="text/javascript" src="jquery.min.js">
</script>
</head>
<body>
<div class="contains">
<!--面包屑导航-->
<div class="crumbNav">
<a href="demo.html">
首页
</a>
<font>
>
</font>
发布商品
<font>
>
</font>
选择商品所在分类
</div>
<!--商品分类-->
<div class="wareSort clearfix">
<ul id="sort1">
</ul>
<ul id="sort2" style="display: none;">
</ul>
<ul id="sort3" style="display: none;">
</ul>
</div>
<div class="selectedSort">
<b>
您当前选择的商品类别是:
</b>
<i id="selectedSort">
</i>
</div>
<div class="wareSortBtn">
<input id="releaseBtn" type="button" value="下一步" disabled="disabled" />
</div>
<script src="jquery.sort.js">
</script>
</div>
</body>
</html>