如何使用html,php创建多级下拉列表?

时间:2015-02-23 12:03:33

标签: php jquery html

我是新手,所以可以参考创建多级下拉列表。 作为解释belove。 例如, 我必须创建两个下拉列表,一个是类别,另一个是子类别。 当我在类别中选择一个字段时,子categoey将只给我那些属于类别的子字段的字段。 如果我选择category1然后 category-1 ----->在子类别下拉列表sub1中,显示sub2 类别-2 - - - - > SUB3,SUB4,SUB5 喜欢明智......

1 个答案:

答案 0 :(得分:0)

这是一个简单的解决方案。

// HTML
<ul>
    <li>
    <a href="#">A ></a>
      <ul>
         <li><a href="#">A1 ></a>
              <ul>
                 <li><a href="#">A1A ></a>
                      <ul>
                         <li><a href="#">A1A1</a></li>
                         <li><a href="#">A1A2</a></li>
                      </ul>
                  </li>
                 <li><a href="#">A1B</a></li>
              </ul>
          </li>
         <li><a href="#">A2</a></li>
      </ul>
   </li>
   <li><a href="#">B</a></li>
</ul>

// CSS
ul li > ul{
    display:none;
}

ul li:hover >ul{
    display:block;
}

jsfiddle example