2015-02-23 107 views
-1

我是新手,所以可以參考創建多級下拉列表。 至於說明。例如 , 我必須創建兩個下拉列表,一個是類別,另一個是子類別。 當我在類別中選擇一個領域,然後子categoroey會給我只有那些是類別的子部分的字段.. 如果我選擇category1然後 category-1 ----->在子類別下拉sub1,sub2是顯示器 category-2 -----> sub3,sub4,sub5 like wise ....如何使用html,php創建多級下拉列表?

+0

的[動態多級下拉使用MySQL DB]可能重複(http://stackoverflow.com/questions/13111821/dynamic-multi-level-drop-down-using- mysql-db) – Arun 2015-02-23 12:06:04

+0

請粘貼你試過的代碼:) – 2015-02-23 12:09:11

+0

請參考[bootstrap多級下拉](http://bootsnipp.com/snippets/featured/multi-level-dropdown-menu-bs3)或[級別下拉](http://stackoverflow.com/questions/9100344/pure-css-multi-level-drop-down-menu) – 2015-02-23 12:14:49

回答

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

+0

其中是PHP?.. – julekgwa 2015-02-23 12:25:32

+0

我可以使用a無論是PHP或Java腳本或jQuery或AJAX。在任何可能的情況下,請給我參考。 – 2015-02-23 12:29:46

+0

沒有使用數據庫可能嗎?如果是的話,請給我看看。 – 2015-02-23 12:30:39