<script language="javascript">
function Hyt(ID){
var obj = document.getElementById(ID)
if(obj.style.display=="none"){
obj.style.display = ""
}else{
obj.style.display = "none"
}
}
</script>
<div class="left_con">
<ul>
<li id="li1" style="border-top:none">
<p onclick="Hyt('divc1')">电感</p>
<ul id="divc1" style="display:none">
<li><a href="#">贴片电感</a></li>
</ul>
</li>
<li id="li1">
<p onclick="Hyt('divc2')"><a href="productlist2.html">线圈</a></p>
<ul id="divc2" style="display:none">
<li><a href="#">贴片电感</a></li>
</ul>
</li>
</li>
<li id="li1">
<p onclick="Hyt('divc3')"><a href="productlist3.html">变压器</a></p>
<ul id="divc3" style="display:none">
<li><a href="#">贴片电感</a></li>
</ul>
</li>
<li id="li1">
<p onclick="Hyt('divc4')"><a href="#">滤波器</a></p>
<ul id="divc4" style="display:none">
<li><a href="#">贴片电感</a></li>
</ul>
</li>
</ul>
</div>
<select><option value ="选项1">选项1</option>
<option value ="选项2">选项2</option>
<option value="选项3">选项3</option>
<option value="选项4">选项4</option>
</select>
代码里这样写
css样式中，span标签和select对齐的方法：可以给span设置跟select一样的高度，在给span设置line-height跟高度一样的值。span标签是被用来组合文档中的行内元素。span 没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。select 元素可创建单选或多选菜单。<select&>元素中的 <option>标签用于定义列表中的可用选项。
