무글무글

이전 포스팅에서 select2를 간단하게 사용하는 방법을 포스팅했다. 2022.06.10 - [Develope/javascript] - [javascript/select2] select2를 이용해 검색이 가능한 select 를 만들어보자. #01 [javascript/select2] select2를 이용해 검색이 가능한 select 를 만들어보자. #01 가끔씩 드랍다운 리스트 (select) 를 사용할때 검색이 되도록 만들고 싶을때가 많다. 몇가지 제공되고 있는 오픈소스들이 있는데 나는 그중 select2 를 자주 사용한다. 간단하게 사용할수도있고 기 omjk.tistory.com 이번에는 select2에서 그룹화 방법을 포스팅한다. 그룹화를 지정하면 다음과 같이 그룹별로 아이템들을 엮을 수 있어 가독..

가끔씩 드랍다운 리스트 (select) 를 사용할때 검색이 되도록 만들고 싶을때가 많다. 몇가지 제공되고 있는 오픈소스들이 있는데 나는 그중 select2 를 자주 사용한다. 간단하게 사용할수도있고 기능도 많이 제공하고 있어 사용하기 어느 웹 프레임워크에서나 이용하기 쉽다. select2는 cdn에서 소스를 제공한다. 간단하게 사용하기 위해서는 위와같이 head 섹션에 위 소스코드를 추가해준다. 경기도 강원도 경상도 전라도 충청도 제주도 서울 부산 광주 select는 기존에 만드는 방식과 같은 양식으로 만든 이후, 헤더에 select2를 초기화 해주면 된다. 코드는 https://jsfiddle.net/moojin/gomk8sj1/1/ 여기서 확인 가능하다. select2 01 - JSFiddle - C..