Как создать упорядоченный список внутри выпадающего меню выбора

Я хотел попробовать что-то подобное на моей веб-странице, поэтому ниже нужно точно посмотреть внутри выпадающего списка или оператора.Как создать упорядоченный список внутри выпадающего меню выбора

(a). Category1 
      element1 
      element2 
      etc.. 

    (b).Category2 
      element1 
      element2 
      etc..

Вот как я пытался, но он показывает мне в обычном выпадающем списке меню, чтобы выглядеть как выше.

<html> 
<body> 
    <select> 
    <ol> 
    <option value=1><li>Category1</li></option> 
    <option value =2><li>element1</li></option> 
    <option value =3><li>element2</li></option> 
    <option value =4><li>etc...</li></option> 
    <option value =5><li>Category2</li></option> 
    <option value =6><li>element1</li></option> 
    <option value =7><li>element2</li></option> 
    <option value =8><li>etc...</li></option> 
    </ol> 
    </select> 
</body> 
</html>

Любое предложение или идея, как я могу это сделать, используя HTML CSS или любые скрипты? мы можем создать точный вид внутри выпадающего меню? любая помощь в этом была бы замечательной!

Благодаря

источник

2014-02-07 AKIWEB

взгляд в использовании [] (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/optgroup) любой другой элемент тега, кроме этого, и '

Я не сказал, что параметр был недействителен я сказал, что любой другой тег optgroup и параметр недействительны. –

Я думаю, что optgroup тег может быть то, что ваш после?

Что-то вроде:

<select> 
    <optgroup label="Category 1"> 
     <option value="2">element1</option> 
     <option value="3">element2</option> 
     <option value="4">etc...</option> 
    </optgroup> 
    <optgroup label="Category 2"> 
     <option value="5">element1</option> 
     <option value="6">element2</option> 
     <option value="7">etc...</option> 
    </optgroup> 
</select>

Демо: http://jsfiddle.net/z5KrN/

источник

2014-02-07 21:59:57 Carl

Спасибо, я никогда не использовал этот тег раньше, поэтому понятия не имею. Я буду искать больше! – AKIWEB

Как создать упорядоченный список внутри выпадающего меню выбора

ответ

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