jquery에서 select2의 사용법은 무엇입니까

jquery에서는 select2를 사용하여 단일 및 다중 선택을 지원합니다. 또한 그룹 표시 및 목록 검색을 지원합니다. 호출 구문은 "$(select)입니다. .select2( )".

이 튜토리얼의 운영 환경: windows10 시스템, jquery3.2.1 버전, Dell G3 컴퓨터.

jquery에서 select2의 사용법은 무엇인가요?

Select2는 JQuery 기반의 드롭다운 목록 플러그인으로 주로 선택을 최적화하는 데 사용되며 단일 선택과 다중 선택을 지원하며 그룹도 지원합니다. 표시 및 목록 검색.

select2는 Jquery에서 선택 상자를 대체하는 데 사용되는 구성 요소입니다. 드롭다운 상자를 사용자 정의할 수 있으며 검색, 태그 지정, 원격 데이터 소스, 무한 스크롤 및 기타 고급 기능을 지원합니다.

select2 다운로드 주소는 https://select2.github.io/입니다. 여기에서는 select2-4.0.0 버전이 사용됩니다. 이 버전을 다운로드한 후 파일의 압축을 풀면 dist 디렉터리에 js 및 css 파일이 있습니다. select를 사용할 때 이러한 파일을 참조해야 합니다.

먼저 방금 프로젝트에 다운로드한 CSS와 js를 소개하기 전에 먼저 jquery를 소개해야 합니다.
다운로드한 select2 폴더의 CSS와 js에는 압축 버전과 비압축 버전이 모두 있으므로 필요에 따라 가져올 수 있습니다. 압축 버전은 여기에 소개되어 있습니다.

호출 구문은 다음과 같습니다:

$(function () {
        $("#myselect").select2();//调用插件
        
})

물론 "$("#myselect").select2()에서 select2()의 매개변수로 사용되는 몇 가지 구성을 만들어야 합니다. "를 통해 객체를 통해 예를 들어 선택 항목의 너비를 설정할 수 있습니다:

$("#myselect").select2({
      width:160,//设置select标签的宽度
            
});

추천 관련 비디오 튜토리얼: jQuery 비디오 튜토리얼

위 내용은 jquery에서 select2의 사용법은 무엇입니까의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!