Здравствуйте! В этом материале мы поговорим про то, как сделать красивый выпадающий список на JQuery , мы поговорим про fancyselect !

Как сделать красивый выпадающий список на JQuery.

Здравствуйте! В этом материале мы поговорим про то, как сделать красивый выпадающий список на JQuery, мы поговорим про fancyselect!

Посмотреть демо и скачать все, что нужно, вы можете по ссылке:

http://code.octopuscreative.com/fancyselect/

Установка этой плюшки довольно проста. Вам нужно сделать html разметку с обычным select и задать ему какой-то класс.

<select class="basic">
  <option value="">Select something…</option>
  <option>Lorem</option>
  <option>Ipsum</option>
  <option>Dolor</option>
  <option>Sit</option>
  <option>Amet</option>
</select>

Теперь вам нужно вызвать метод fancySelect, указав класс данного элемента.

$('.basic').fancySelect();

Перед этим, конечно же, не забудьте подключить библиотеку JQuery и плагин fancySelect, который вы можете скачать по ссылке:

https://github.com/octopuscreative/fancyselect

По умолчанию fancySelect использует собственные селекты и стилизует только триггеры на iOS девайсах. Чтобы это переопределить, передайте объект с forceiOS, установленным в значение true.

А у меня на этом все, спасибо за внимание и удачи!