菜單樹內下拉/選擇框

有沒有什麼辦法可以在下拉/選擇框中包含treemenu。我有我想要我的類別像樹形菜單列出像菜單樹內下拉/選擇框

<ul id="example"> 
<li>Category1 
    <ul> 
     <li><a href="http://www.autisticcuckoo.net">Category1 subcat1</a></li> 
     <li><a href="http://www.zeldman.com">Category1 subcat2</a></li> 
     <li><a href="http://www.meyerweb.com">Category1 subcat3</a></li> 
    </ul> 
</li> 
<li>Other Sites 
    <ul> 
     <li><a href="http://www.accessify.com/">Category2</a></li> 
     <li><a href="http://www.w3.org/">Category3</a> 
      <ul> 
       <li><a href="http://validator.w3.org/">Category3 subcat1</a></li> 
       <li><a href="http://jigsaw.w3.org/css-validator/">Category3 subcat2</a></li> 
       <li><a href="http://www.w3.org/TR/WAI-WEBCONTENT/">Category3 subcat3</a></li> 
      </ul> 
     </li> 
    </ul> 
</li>

類別列表。 http://mackpexton.com/projects/TreeMenu/index.htm 現在我正在使用jquery選擇來顯示選擇框。有沒有辦法做到這一點？

來源

2013-10-05 Prajila V P

http://stackoverflow.com/questions/5288792/how-to-indent-multiple-levels-of-select-optgroup-with-css – Mina

你不能在選擇框內做到這一點。雖然你可以僞造它。創建一個容器與選擇框和你的ul列表和按鈕，將點擊顯示它。然後點擊列表中的任何項目後，您應該將點擊的項目映射到選擇框中的特定項目，並更新觸發下拉列表的可見按鈕的值。

來源

2013-10-05 10:03:04 lukaleli

沒有爲一個陶醉於選擇框的下拉任何情況下，這樣你就可以不要這樣做。 –

你很複雜的事情。爲什麼有人希望在選擇列表中包含分層菜單。選擇列表旨在顯示項目列表。你怎麼知道你從樹形菜單中選擇了哪個項目。（我的意思是你如何知道選定的項目路徑）。

如果你可以在網站上的一個例子（用法），可能能夠幫助你。

我已經上傳的圖片..這是你正在努力實現

enter image description here

這就是所謂的樹狀菜單的內容。

enter image description here

第二圖像是從jquery的選擇位點。如果這是你想要的

你可以很容易地實現這一點。

<select> 
     <optgroup label="fruits"> 
      <option>Apple</option> 
      <option>Apple</option> 
      <option>Apple</option> 
     </optgroup> 
     <optgroup label="fruits"> 
      <option>Apple</option> 
      <option>Apple</option> 
      <option>Apple</option> 
     </optgroup> 
     <optgroup label="fruits"> 
      <option>Apple</option> 
      <option>Apple</option> 
      <option>Apple</option> 
     </optgroup> 
    </select>

來源

2013-10-05 11:07:09

我想要像jquery選擇如何工作的東西。它給出了下拉的另一種觀點。但我有更多的類別和子類別顯示。所以滾動下拉菜單非常困難。這就是檢查樹形菜單類型顯示。 –

我上傳了一張圖片。現在這就是所謂的樹形菜單。 –

第二張圖片是我從jquery選擇的網站上得到的。 –

菜單樹內下拉/選擇框

回答

相關問題