Multi.js - 일반 자바 스크립트 기반의 사용자 친화적 인 선택 상자
메뉴 선택 원시적이지만 작동합니다. 같은 일반적인 양식 입력에 대해 동일하게 적용됩니다. 확인란 과 라디오 버튼.
자신의 양식을 쉽게 만들 수 있지만 인터페이스 요소를 처음부터 다시 빌드하기 힘들 수 있습니다. 그 이유는 Multi.js 에 대한 가치있는 플러그인입니다 기본 선택 상자 바꾸기.
Multi.js를 사용하면 방문자가 선택할 수있는 목록을 방문자에게 제공 양식에 다중 선택 기능이 내장되어 있습니다. 이렇게하면 사용자는 여러 항목을 클릭하십시오. 체크 박스에 의존하지 않고.
이 스크립트도 검색 기능 지원, 특히 목록이 길면 사용자가 항목을 검색 할 수 있습니다..
메뉴도 꽤 직관적이어서 별로 설명 할 필요가 없다.. 왼쪽 열의 항목을 클릭하여 오른쪽 열에 추가합니다 (또는 “선택된” 항목). 그런 다음 오른쪽 열의 항목을 클릭하여 제거하십시오..
모든 것이 바닐라 자바 스크립트에서 실행됩니다., 검색 기능을 포함하여 어떤 의존성도 필요하지 않습니다. 비록, 그것 jQuery를 지원합니까? 사이트에서 해당 라이브러리를 사용하는 경우.
Multi.js 파일과 CSS 스타일 시트 만 있으면됩니다. 다음으로, 당신은 방금 창조하다 요소 과 JavaScript 함수를 사용하여 요소를 대상으로 지정, 이렇게 :
var select_element = document.getElementById ( 'your_element_ID'); 멀티 (select_element);
바로 지금, 플러그인 옵트 그룹을 지원하지 않습니다. 하지만이 기능은 작동 중입니다..
어느 쪽이든, 기본 기능은 놀랍습니다. 그것은 예상대로 작동하며 모바일 반응 레이아웃을 지원합니다..
자세한 내용은 GitHub 레포 어느 다운로드 가능한 파일도 포함. Multi.js 데모 페이지 이 플러그인을 보는 데 좋습니다 브라우저에서 작동합니다.. 하지만 실제로, 그것은 간단한 방법 일뿐입니다. 선택 메뉴를 다시 스타일링하십시오. 양식의 전반적인 사용자 환경을 개선하는 동시에.
