Multi select dropdown with checkbox & search method

есть ли какой-нибудь плагин, который может это сделать?Multi select dropdown with checkbox & search method

У меня есть проект Spring MVC, поэтому она должна быть в HTML/JavaScript/Java то ..

Что-то вроде этого: http://harvesthq.github.io/chosen/, вторая (Multiple Select), но он не имеет флажков , Также неплохо было бы выбрать всю опцию поверх нее, но это необязательно. Короче говоря: -Поиск -Multi checkbox для нескольких вариантов

Спасибо в forehand.

источник

2015-02-09 benskiiii

Это не связано непосредственно с весной. Это скорее проблема HTML/JS (front-end). Если вам нравится способ, которым выбрать окно работает по ссылке вы предоставили, и это соответствует возможностям вашего проекта, то есть несколько шагов, которые вы хотели бы взять с собой:

Отрендерьте поле выбора в обычном режиме с какую HTML-схему шаблонов вы используете с Spring (будь то Themeleaf, JSP, Handlebars или что-то еще). Убедитесь, что в теге select есть атрибут multiple.
Загрузите и добавьте библиотеку JavaScript jQuery на эту страницу (требуется для «плагина» в ссылке).
Загрузите и добавьте выбранный файл со своей ссылки на свою страницу после jQuery.
Активируйте плагин как described.

Вот краткий скелет, как я хотел бы сделать это (как оказанной HTML, а не шаблон, который зависит от реализации):

<html> 
    <head> 
    </head> 
    <body> 
    <select class="chosen-select" multiple> 
     <option value="1">Option 1</option> 
     <option value="2">Value 2</option> 
    </select> 
    <script src="https://code.jquery.com/jquery-1.11.2.min.js"></script> 
    <script src="/path/to/resources/chosen.jquery.min.js"></script> 
    <script> 
     $(document).ready(function() { 
     $(".chosen-select").chosen(); 
     }); 
    </script> 
    </body> 
</html>

Я определенно рекомендую прочитать в JQuery и JavaScript в целом на вернемся к этому. Надеюсь, это поможет вам прокатиться!

источник

2015-02-09 16:41:38 Dustin

Большое спасибо, я посмотрю! – benskiiii

Btw, что это за мульти-тег в конце? в строке 5 – benskiiii

@benskiiii Я должен был написать «multiple», а не 'multi'. Я соответствующим образом скорректировал ответ. Вот ссылка [https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select) об этом атрибуте в элементе 'select'. – Dustin

Multi select dropdown with checkbox & search method

ответ

Смежные вопросы