如何在html組合框中使用樹狀結構

我想在頁面中有一個組合框，類似於元素。爲此，我正在考慮使用html選擇標籤。在選擇組合框的任何元素時，我想要項目列表展開（就像文件夾樹一樣）。怎麼做？如何在html組合框中使用樹狀結構

<select name="mydropdown"> 
<option value="Milk">Fresh Milk</option> 
<option value="Cheese">Old Cheese</option> 
<option value="Bread">Hot Bread</option> 
</select>

在選擇熱麪包應該動態地擴展&節目類型麪包。

來源

2013-07-04 Prince Agrawal

尋求擴大對谷歌的樹，或動態樹，你會得到這樣 http://www.dynamicdrive.com/一些例子dynamicindex1/navigate1.htm –

這將通過optgroup，例如："la liste déroulante", visible option "France"完成。
但動態加載/完成它可能會導致可訪問性問題......並且，根據設計，optgroup令人討厭的問題是它將選項分組並且具有標籤，但此標籤不能自行選擇（在上例中，您可以選擇一個國家，但不是一個大陸）。

一個意甲select經常看到：選擇第一選擇的選項，點擊按鈕「選擇大陸」，下面的選擇得到填充取決於你的第一選擇選擇了什麼，點擊第二個按鈕「選擇國家」並得到你的結果（或填充第三選擇等）。

A 樹更加通用（這是一堆列表和鏈接，與網站地圖或導航列表（列表）相同的HTML結構），但實施起來更加困難。基於jQuery UI的一個非常好的示例可以在：jQtest by Hans Hillen找到。

來源

2013-07-04 04:41:09 FelipeAls

這裏是爲我工作的一個很好的例子：

http://www.9lessons.info/2010/08/dynamic-dependent-select-box-using.html?m=1

來源

2013-07-04 04:41:54 Tredged

如何在html組合框中使用樹狀結構

回答

相關問題