На данный момент есть 2 варианта селекта в фильтрах оба со своими плюсами и минусами. Предлагаю еще один на основе jquery.multiselect.js
Плюсы по моему мнениею:
- занимает мало места
- более удобен и эстетичен)
Что делаем
- В фильтре указываем в качестве шаблона стандартный селект
- скачаиваем архив с js складываем в корень сайта (в моем случае это папка js в корне сайта)
- подключаем скрипты + стили тянем напрямую (можно скачать и подключить отдельно)
<script src="/js/multiselect/jquery.ui.widget.min.js"></script> <script src="/js/multiselect/jquery.multiselect.js?1"></script> <link href="http://code.jquery.com/ui/1.8.22/themes/base/jquery-ui.css" rel="stylesheet"> <link href="/js/multiselect/jquery.multiselect.css" rel="stylesheet"> <style> .ui-multiselect { max-width: 100%; } </style>
Инициализируем скрипт
<script type="text/javascript"> jQuery(document).ready(function($){ jQuery('.jbzoo-filter select').multiselect({'checkAllText':'Все','uncheckAllText':'Снять все','selectedText':'# выбрано','noneSelectedText':'-Выбрать-','multiple':true,'filter':false,'ajaxRefresh':false}); }) </script>
Получаем вот такой селект