Как отображать в select подкатегорию?

Question

[Павел]

Я или туплю или это надо реально голову ломать?
есть категории и подкатегории

Раздел 1
    раздел 1.1
        раздел 1.1.1
        раздел 1.1.2
        раздел 1.1.3
Раздел 2
    раздел 2.1
        раздел 2.1.1
        раздел 2.1.2
Раздел 3....

мне надо сделать select главной категории и так же по лесенке вниз выбирать дальше
например стоит три select'а в ряд
в первом выбираем Раздел один и становится вот так:

<select name="name">
    <option value="none">Раздел 1</option>
</select>
<select name="name">
    <option value="none">Раздел 1.1</option>
</select>
<select name="name">
    <option value="none">Раздел 1.1.1</option>
    <option value="none">Раздел 1.1.2</option>
    <option value="none">Раздел 1.1.3</option>
</select>

не пойму как сделать такую систему выбора категорий /под категорий , они все хранятся в БД если это поможет решению вопроса .. )

Answer 1

[vman]

<select>
  <optgroup label="Группа 1">
    <option>Опция 1.1</option>
  </optgroup> 
  <optgroup label="Группа 2">
    <option>Опция 2.1</option>
    <option>Опция 2.2</option>
  </optgroup>
  <optgroup label="Группа 3" disabled>
    <option>Опция 3.1</option>
    <option>Опция 3.2</option>
    <option>Опция 3.3</option>
  </optgroup>
</select>

https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

Comments

[Павел]

воу , уже столько прошел в верстке , столько в этом варюсь , а такого и не знал , вот уж точно говорят УЧИТЕ ОСНОВЫ

спасибо большое ! , я уже было думал надо будет js'ом по val id перебирать и присваивать или ajax'ом из сервера вытягивать ))))

только как сделать для 3 уровней вложенности? чтоб как у меня в примере можно было выбрать 1.1.1 ?