Select с множественным выбором [решение]

Стандартный select с возможностью выбора нескольких вариантов предлагает делать этот выбор с зажатым ctrl или shift.
Сделаем его дружелюбным. Вот таким

качаем jQuery библиотеку https://harvesthq.github.io/chosen/
из всего архива нужно только два файла:
chosen.jquery.js - кладем в /media/com_rsform/js/
chosen.css - кладем в /media/com_rsform/css/

в файле /administrator/components/com_rsform/helpers/fields/selectlist.php
в районе 157 строки перед

Код

return $html;

подключаем библиотеку

Код: php-brief

RSFormProAssets::addScript(JHtml::script('com_rsform/chosen.jquery.js', false, true, true));
RSFormProAssets::addStyleSheet(JHtml::stylesheet('com_rsform/chosen.css', array(), true, true));

Можете подключать в глобальном шаблоне, только код подключения будет выглядеть по-другому (правда я не вижу смысла "таскать" за собой по всему сайту все библиотеки, когда они нужны только на определенных страницах, это снижает скорость загрузки, но речь сейчас не об этом)

В админке компонента в доп. атрибутах поля заносим класс class="chosen-select". В свойствах всей формы, в поле пользовательского javascript кода пишем

Код: javascript

<script>
jQuery(document).ready(function($) {
   $(".chosen-select").chosen();
});
</script>

PS как любая библиотека jquery, эта имеет ряд доп.настроек, которые можно осуществить или доп. атрибутами, или в коде яваскрипта. Смотрите примеры на сайте разработчика

Мультизагрузка файлов [решение] Автор Liss	Ответов: 5 Просмотров: 2711	25.09.2019, 17:06:31 от hmr
Вывод списка в зависимости от поле select ? Автор warlocksp	Ответов: 8 Просмотров: 2864	26.10.2017, 04:50:32 от warlocksp
Применение SELECT Автор b_alex2003	Ответов: 1 Просмотров: 1568	25.12.2015, 22:19:38 от Agard

Select с множественным выбором [решение] - RS Form!

Новости Joomla

Вышли релизы безопасности Joomla 6.1.3 и Joomla 5.4.8

👩‍💻 WT Otpravkapochtaru - библиотека сервиса Отправка Почты России для Joomla-разработчиков.

👩‍💻 В Joomla 6.2 появятся встроенный функционал мультикатегорий.

Liss

Select с множественным выбором [решение]

Похожие темы