> 웹 프론트엔드 > JS 튜토리얼 > Jquery 다중 선택 드롭다운 목록 플러그인 jquery 다중 선택 기능 소개 및 use_jquery

Jquery 다중 선택 드롭다운 목록 플러그인 jquery 다중 선택 기능 소개 및 use_jquery

WBOY
풀어 주다: 2016-05-16 17:33:15
원래의
1714명이 탐색했습니다.

다중 선택이 필요한데, 인터넷에서 이 플러그인을 찾았습니다: multiselect
https://github.com/ehynds/jquery-ui-multiselect-widget
이에 대한 소개가 있습니다. csdn 블로그의 플러그인과 많은 아동용 신발 모두가 이 질문을 했습니다. 선택한 값을 얻는 방법은 무엇입니까? 정말 좋은 질문이네요. 저도 데모를 보면서 이 문제를 발견했습니다. 하하!

이 플러그인에 대해 간단히 이야기해 보겠습니다.
jquery-multiselect는 Jquery-ui 구성 요소 시스템을 기반으로 합니다.
따라서 사용시 jquery-ui와 관련된 js, css를 먼저 import 해야 합니다.
특징
•체크박스 그룹 선택을 위한 라벨 클릭 지원
•select 등의 헤더 옵션. 모두/취소 전체/닫기 기능을 선택합니다.
•키보드 선택을 지원합니다.
•5가지 이벤트 콜백 기능을 지원합니다.
•선택한 항목을 목록 모드로 표시하고 최대 표시 값을 설정할 수 있습니다. •위치, 그라데이션 속도, 스크롤 컨테이너 높이, 링크 텍스트, 텍스트 상자 기본 콘텐츠 등을 편리하게 변경합니다.
효과는 다음과 같습니다.


위 이미지 효과 코드: html 코드:

코드 복사 코드는 다음과 같습니다.