Заказать услугу
  • +38 099 227-70-70
  • +38 097 770-63-63

checkbox’ы внутри прокручивающегося списка

checkbox'ы внутри прокручивающегося списка

Все мы любим такие штучки на сайтах, очень удобные в которых находится много информации но она не вся видна, а предоставляется по частям, то что именно нам нужно.
Сегодня предлагаю вам посмотреть пример как checkbox ‘ы положить внутрь прокручивающегося списка <select>.
Конечно стандартными методами это не предусмотрено, поэтому список можно сделать через iframe или слоем а в нем уже стандартные checkbox.
Идея состоит в том чтобы заменить стандартные <options> на блок <div> в котором будут стандартные <input type=»checkbox» />. а сделать выпадающим, не составит труда ,просто используя jquery.


Стандартные метод в котором можно выбрать только один продукт:

<select name="choice">
     <option value="">Продукция</option>
     <option value="">Продукция 1</option>
     <option value="">Продукция 2</option>
</select>



Выбираем несколько продуктов, используя checkbox.

<div>
    <span><input type="checkbox" name="cat1" value="/"> Продукция 1</span>
    <span><input type="checkbox" name="cat1" value="/"> Продукция 2</span>
</div>

Посты этой рубрики посвящены инструментам и стратегиям интернет-маркетинга, призванным увеличить конверсию сайта. Статьи будут интересны и полезны нынешним и будущим владельцам онлайн-бизнеса.
Интересуют последние веяния в дизайне сайтов и айдентики? Хотите правильно сочетать цвета и шрифты? Тогда вам сюда.
В рубрике «Разбор заплывов» специалисты студии Webakula делятся не только своими опытом, наблюдениями, выводами, но и практическими советами.
Рубрика поможет разобраться с базовыми терминами интернет-маркетинга, веб-разработки и дизайна. Статьи пригодятся любознательным индивидуумам, которым не безразлична тема сайтостроения.
Мы рады познакомиться и поделиться информацией о насыщенных буднях и ярких выходных компании Webakula с нашими клиентами, читателями и случайными «прохожими». Заходите, располагайтесь, чувствуйте себя, как дома :)