一个固定高度的p，默认隐藏，在点击上方tab的时候显示出来。里面放那些二级标签。

<p class="tap">
    <p class="titie">产品类型</p>
    <p class="item">产品类型</p>
    <p class="item">产品类型</p>
    <p class="item">产品类型</p>
    <p class="item">产品类型</p>
    <p class="item">产品类型</p>
</p>

• 样式应该自己去写吧。

• 静态的写好之后，就可以通过js遍历数组的方式动态渲染了....

如题主所问，这种下拉采用p和select结合来做比较好一点，既可以有select下拉框的效果，又可以自己设置漂亮的外观。思路是通过p来设置样式，然后将其定位在select上面（两者重叠，select在上，透明度opacity设置为0；），实现实际点击的是select,但看到的是p的样式，希望能帮到你！

参考一下某宝的列表看看样式就可以了