Expanded Select & Option тега

2015-02-26 3 views 0 likes

Я хотел бы расширенную версию выбора & варианта, он должен выглядеть примерно так:Expanded Select & Option тега

Каковы HTML/CSS теги и/или варианты?

2015-02-26 andrew a

ответ

Параметры групп элементов <optgroup>. Атрибут multiple поддерживает расширение тега select. Затем он может быть оформлен в соответствии с требуемыми размерами.

E.g.

<select multiple="multiple" style="width:200px;height:300px"> 
     <optgroup label="Fish"> 
      <option value="Cod">Cod</option> 
     <option value="Halibut">Halibut</option> 
     </optgroup> 
     <optgroup label="Cars"> 
     <option value="Mini">Mini</option> 
     <option value="BMW">BMW</option> 
     </optgroup> 
    </select>

Jsfiddle here.

источник

2015-02-26 21:07:54 GluePear

Это не то, что я прошу, я не хочу, чтобы он прокручивался вниз, он должен быть открыт, как на скриншоте. –

Я вижу - отредактирован. – GluePear

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

1. jquery- Добавление <option> тега внутри <select>
2. jquery copy select option to another select
3. Отключение поля тега select
4. Проектирование стиля тега Select
5. smarty select option
6. JQuery select option val
7. Php Select Option
8. CakePHP select option class
9. JQuery select option
10. jQuery PHP select option
11. angularjs, select, add option
12. php select option programming
13. jQuery Option Select
14. response select async option,
15. jQuery template select option
16. angularjs pass select option
17. jQuery Dependent Select Option
18. Select/Option Laravel 5.3
19. select option font-size
20. jQuery select option deselect
21. css select option страница
22. html select option separator
23. MySql select table option
24. jQuery select option image
25. Sticky Select Option
26. Wrapping html select option
27. javascript option select problem
28. jqtransform dynamic select option?
29. response-select multiple option
30. select option default не работает