<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery下拉框四级联动菜单选择代码</title>
<script type="text/javascript" src="js/jquery-latest.js"></script>
<link type="text/css" href="css/style.css" rel="stylesheet" />
</head>
<body>
<div id="PowerValue">
<span id="SelectedValue"></span>
<b></b>
</div>
<br />
<div id="PowerTabDiv">
<div id="Tab-tag">
<a href="JavaScript:;" class="Selected">分类1</a>
<a href="JavaScript:;">分类2</a>
<a href="JavaScript:;">分类3</a>
<a href="JavaScript:;">分类4</a>
</div>
<div class="Tab-Content" style="display:block">
<ul>
<li value="分类1-1">分类1-1</li>
<li value="分类1-2">分类1-2</li>
<li value="分类1-3">分类1-3</li>
<li value="分类1-4">分类1-4</li>
<li value="分类1-5">分类1-5</li>
<li value="分类1-6">分类1-6</li>
<li value="分类1-7">分类1-7</li>
<li value="分类1-8">分类1-8</li>
<li value="分类1-9">分类1-9</li>
<li value="分类1-10">分类1-10</li>
<div class="clearfix"></div>
</ul>
</div>
<div class="Tab-Content">
<p class="AddSelect"><input name="" type="text" placeholder="输入内容可搜索"><a href="JavaScritp:;">添加</a></p>
<ul>
<div class="clearfix"></div>
</ul>
</div>
<div class="Tab-Content">
<p class="AddSelect"><input name="" type="text" placeholder="输入内容可搜索"><a href="JavaScritp:;">添加</a></p>
<ul>
<div class="clearfix"></div>
</ul>
</div>
<div class="Tab-Content">
<p class="AddSelect"><input name="" type="text" placeholder="输入内容可搜索"><a href="JavaScritp:;">添加</a></p>
<ul>
<div class="clearfix"></div>
</ul>
</div>
</div>
<script type="text/javascript" src="js/script.js"></script>
</body>
</html>
