[해피CGI][cgimall] Groupable & Searchable Dual Listbox Plugin - jQuery Transfer

다운로드 받은 파일의 압축을 풀고
index.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다.

좌측에 나열된 항목들을 체크박스로 선택해서

우측으로 이동시켜서 어떤 항목을 선택할지를 입력받는 입력폼으로 사용이 가능합니다.

위 그림 처럼 그룹화시켜서 한번 체크하면
해당 그룹에 속한 전체를 선택하는 것도 가능하네요.

그룹화 시키지 않고 하나하나 개별옵션을 선택하도록 한 예제입니다.

선택할 옵션들을 단어로 검색하는 예제입니다.

샘플로 제공해준 소스코드를 보면

선택에 필요한 항목들을 조절하는 것은 그리 어려워 보이진 않네요.


출처는
https://www.jqueryscript.net/form/Groupable-Searchable-Dual-Listbox-Transfer.html 입니다.