Jquery 다중 선택 드롭다운 목록 플러그인 jquery 다중 선택 기능 소개 및 use_jquery
- WBOY원래의
- 2016-05-16 17:33:151709검색
다중 선택이 필요한데, 인터넷에서 이 플러그인을 찾았습니다: multiselect
https://github.com/ehynds/jquery-ui-multiselect-widget
이에 대한 소개가 있습니다. csdn 블로그의 플러그인과 많은 아동용 신발 모두가 이 질문을 했습니다. 선택한 값을 얻는 방법은 무엇입니까? 정말 좋은 질문이네요. 저도 데모를 보면서 이 문제를 발견했습니다. 하하!
이 플러그인에 대해 간단히 이야기해 보겠습니다.
jquery-multiselect는 Jquery-ui 구성 요소 시스템을 기반으로 합니다.
따라서 사용시 jquery-ui와 관련된 js, css를 먼저 import 해야 합니다.
특징
•체크박스 그룹 선택을 위한 라벨 클릭 지원
•select 등의 헤더 옵션. 모두/취소 전체/닫기 기능을 선택합니다.
•키보드 선택을 지원합니다.
•5가지 이벤트 콜백 기능을 지원합니다.
•선택한 항목을 목록 모드로 표시하고 최대 표시 값을 설정할 수 있습니다. •위치, 그라데이션 속도, 스크롤 컨테이너 높이, 링크 텍스트, 텍스트 상자 기본 콘텐츠 등을 편리하게 변경합니다.
효과는 다음과 같습니다.
위 이미지 효과 코드: html 코드:
코드 복사 코드는 다음과 같습니다.
코드 복사 코드는 다음과 같습니다. $(function(){
$("select").multiselect({ noneSelectedText: "==선택하세요==" ,
checkAllText: "모두 선택" ,
uncheckAllText: '모두 선택 취소',
selectedList:4
})
})
있습니다. multiselect를 호출할 때 매개변수가 너무 많아서 공식적인 것 같아요. 문서가 매우 상세해서 E-text를 아는 학생들도 읽을 수 있습니다.
좋아요, 여기서 가장 우려되는 질문은 선택된 값을 얻는 방법입니다.
checkAllText: "모두 선택" ,
uncheckAllText: '모두 선택 취소',
selectedList:4
})
})
있습니다. multiselect를 호출할 때 매개변수가 너무 많아서 공식적인 것 같아요. 문서가 매우 상세해서 E-text를 아는 학생들도 읽을 수 있습니다.
좋아요, 여기서 가장 우려되는 질문은 선택된 값을 얻는 방법입니다.
공식 문서에서는 선택 컨트롤에서 선택한 항목의 값을 얻는 방법을 찾지 못했습니다. 소스 코드를 읽었는데 버전 1.14pre입니다. 실제로 찾을 수 없습니다.
하지만 이 플러그인은 우리 스스로 DIY할 수 있습니다! 아주 간단합니다!
먼저 선택한 값 목록을 기록하기 위한 변수를 선언합니다. 스크린샷을 찍습니다.
그러면 소스 코드에 업데이트 메서드가 있음을 알 수 있습니다. 이 메서드는 텍스트를 가져오는 데 사용됩니다. , 하하 그래서 저희는 간단한 DIY를 생각해 냈습니다:
그런 다음 코드에 메소드를 추가하세요.
코드 복사 코드는 다음과 같습니다. MyValues:function(){
return multiValues; }
좋아, 플러그 DIY는- 에서 완료되었습니다. 다음은 해당 페이지의 호출입니다.
좋아, 플러그 DIY는- 에서 완료되었습니다. 다음은 해당 페이지의 호출입니다.
코드 복사 코드는 다음과 같습니다. function showValues() {
var valuestr = $("#sela").multiselect("MyValues"); alert(valuestr)
}
예, 알겠습니다. !
DIY 코드 및 데모는
첨부파일}
예, 알겠습니다. !
DIY 코드 및 데모는
을 참조하세요.
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.