Кастомизированный селект, а может и вовсе не селект?

Question

[kropotkin]

Подскажите как можно сверстать вот такой вот селект:
i68.fastpic.ru/big/2014/0730/72/4abc9af2b18ea2eb39...
Красный квадрат - это картинка.

Answer 1

[Michael Danilov]

При клике появляется div, со списком вида

<label><input class="hidden" name="category" type="checkbox" value="good"/><span>Продукты и промтовары</span></label>
<label><input class="hidden" name="category" type="checkbox" value="electronics"/><span>Бытовая техника и электроника</span></label>

.hidden {
display: none;
}
input + span {
color: #d0d0d0;
}
input:checked + span {
color: #000;
}

Comments

[kropotkin]

Спасибо, а можно более подробно? Что селекту прописывать и как потом передавать значения из этих инпутов в селект?

[Michael Danilov]

jsfiddle.net/michaeldanilov/QKX4h без особой приближённости по стилям к оригинальной картинке, но логика работы показана полностью

Answer 2

[Maksim Zverev]

В зависимости от того, что хочется. Если нужен именно select, то брать один из множества плагинов для стилизации и править его под себя.
А вообще, если у вас есть этот скриншот, значит есть этот сайт, посмотрите как там сделано.

Comments

[kropotkin]

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