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

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

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

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

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

옵션 1
옵션 2
옵션 3
옵션 4 value="option5" >옵션 5
옵션 6
옵션 7 ;
< ;option value="option8">옵션 8
옵션 9
옵션 10
옵션 11
옵션 12 ;/select>



다중 선택 플러그인 호출 코드:

코드 복사 코드는 다음과 같습니다. $(function(){

$("select").multiselect({

noneSelectedText: "==선택하세요==" ,
checkAllText: "모두 선택" ,
uncheckAllText: '모두 선택 취소',
selectedList:4
})
})


있습니다. multiselect를 호출할 때 매개변수가 너무 많아서 공식적인 것 같아요. 문서가 매우 상세해서 E-text를 아는 학생들도 읽을 수 있습니다.
좋아요, 여기서 가장 우려되는 질문은 선택된 값을 얻는 방법입니다.

공식 문서에서는 선택 컨트롤에서 선택한 항목의 값을 얻는 방법을 찾지 못했습니다. 소스 코드를 읽었는데 버전 1.14pre입니다. 실제로 찾을 수 없습니다.

하지만 이 플러그인은 우리 스스로 DIY할 수 있습니다! 아주 간단합니다!
먼저 선택한 값 목록을 기록하기 위한 변수를 선언합니다. 스크린샷을 찍습니다.


그러면 소스 코드에 업데이트 메서드가 있음을 알 수 있습니다. 이 메서드는 텍스트를 가져오는 데 사용됩니다. , 하하 그래서 저희는 간단한 DIY를 생각해 냈습니다:

그런 다음 코드에 메소드를 추가하세요.

코드 복사 코드는 다음과 같습니다. MyValues:function(){

return multiValues;

}


좋아, 플러그 DIY는- 에서 완료되었습니다. 다음은 해당 페이지의 호출입니다.

코드 복사 코드는 다음과 같습니다. function showValues() {

var valuestr = $("#sela").multiselect("MyValues");

alert(valuestr)
}


예, 알겠습니다. !
DIY 코드 및 데모는

첨부파일
을 참조하세요.