Можно ли вывести checkbox в select?

Question

[Minningt]

Добрый день, друзья. Подскажите, можно ли вывести список select, состоящий из checkbox'oв?

<select name="sel">
		<option value="1"><input type="checkbox" />Hello</option>
		<option value="2"><input type="checkbox" />World</option>
	</select>

Ничерта не работает.

Comments

[Minningt]

Всем спасибо. Нашел пример - www.webmasters.by/images/articles/webprogramm/cust...

Answer 1

[Радмир]

Select2 погуглите или choosen

Comments

[Minningt]

не нашел ф-ий с селектом или я криво искал. Надо вот такая штука - prntscr.com/7v6i49

[Moe Green]

отличные ссылочки! ))

Answer 2

[alexkom]

Только с CSS или JS.
Пример:

<style>
*{margin:0px;padding:0px;}
.select{position:relative;width:100px;height:20px;background:#fff;border:1px solid #bbb;z-index:1;}
.select > span{display:block;width:100px;height:20px;text-align:center;vertical-align:middle;cursor:pointer;}
.select_{display:none;position:absolute;padding-right:20px;max-height:100px;background:#fff;border:1px solid #bbb;overflow:auto;}
.select_ > div{white-space:nowrap}
.select:hover{z-index:100;}
.select:hover > .select_{display:block;}

</style>
<div class="select">
	<span>Выберите...</span>
	<div class="select_">
		<div><input type="checkbox"> текс1</div>
		<div><input type="checkbox"> текс2</div>
		<div><input type="checkbox"> текс3</div>
		<div><input type="checkbox"> текс4</div>
	</div>
</div>

Comments

[Minningt]

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

[alexkom]

Minningt: без js увы, никак.