Дерево меню внутри выпадающего меню/selectbox

Есть ли способ включить treemenu внутри выпадающего меню/selectbox. У меня есть список категорий, какДерево меню внутри выпадающего меню/selectbox

<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, выбранный для отображения selectbox. Есть какой-либо способ сделать это?

источник

2013-10-05 Prajila V P

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

Вы не можете сделать это внутри selectbox. Вы можете подделать его. Создайте контейнер с selectbox и ваш список и кнопку ul, которые откроют его при щелчке. Затем, щелкнув любой элемент в списке, вы должны сопоставить выбранный элемент с конкретным элементом в selectbox и обновить значение видимой кнопки, которая вызывает раскрывающееся меню.

источник

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 сайта. –

Дерево меню внутри выпадающего меню/selectbox

ответ

Смежные вопросы