下拉類中的子類別

是否可以使用jquery在下拉菜單中創建類別？所以這將是：下拉類中的子類別

南郊

suburb1
suburb2
suburb3
suburb4

。北方郊區

suburb5
suburb6

感謝

來源

2010-10-27 user384080

這有什麼好做的jQuery或JavaScript。使用HTML <optgroup>標籤將您的列表分成不同的部分。例如：

<select> 
    <optgroup label="Southern Suburb"> 
    <option value="1">suburb1</option> 
    ... 
    </optgroup> 
    <optgroup label="Northern Suburb"> 
    <option value="5">suburb5</option> 
    ... 
    </optgroup> 
</select>

來源

2010-10-27 02:15:04 casablanca

抱歉..應更加具體和複雜。 – user384080 2010-10-27 02:19:48

@ user384080：不幸的是，HTML中沒有這樣的功能。你所能做的最好的是在所有級別使用''，並使用' '手動縮進文本。 – casablanca 2010-10-27 02:24:21

但我需要禁止用戶選擇父節點。只有葉節點可以選擇.. :(btw是否有一個像asp.net這樣的內置控件？ – user384080 2010-10-27 02:26:16

編輯：這個答案是不相關的你問一個選擇菜單不是導航列表...

要與卡薩布蘭卡同意，一個下拉菜單就會有另一個（除非你是動畫）

基本上，你可以做一個列表與您的元素，然後創建一個列表元素列表中的第一個列表中的子列表（如果你可以按照...）

例子：..我需要它，直到4個層級

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta http-equiv="Contact-Type" content="text/html; charset=utf-8" /> 
    <title>Dropdown</title> 

    <style type="text/css"> 
    /* hide child elements */ 
    #nav li ul { 
     display:none; 
    } 

    /* show child elements when hovering over list item */ 
    #nav li:hover ul { 
     display:block; 
    } 
    </style> 
</head> 
<body> 

<ul id="nav"> 
    <li><a href="#">Southern Suburb</a> 
    <ul> 
     <li><a href="#">suburb1</a></li> 
     <li><a href="#">suburb2</a></li> 
     <li><a href="#">suburb3</a></li> 
    </ul> 
    </li> 
</ul> 

</body> 
</html>

好運

來源

2010-10-27 02:24:27 David

下拉類中的子類別

回答

相關問題