무글무글

select box 검색 플러그인인 select2를 bootstrap modal에서 사용하면 제대로 동작을 하지 않는 경우가 있다. 스타일을 따라가 보면 z-index도 제대로 설정되지 않고 좌표도 엉켜있다. 가끔 해결방법이라고 단순히 CSS로 z-index를 높여서 해결하라는 답변이 있는데 그렇게 되면 좌표가 틀어지는 현상이 발생할 여지가 있다. 해결방법은 select 부모를 모달로 지정해주면 해결된다. ... Apple Watermelon Onion Celery ... 예를 들어 모달 위에 exampleSelect2이라는 select2를 exampleModal에 선언하였다면, 스크립트에서 select2 초기화 해줄때 $(document).ready(function(){ $('#exampleSelect..

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

Sometimes when you use a drop-down list, you want to make it searchable. There are some open sources that are being offered, and I often use select2. It is easy to use and provides many functions, making it easy to use in any web framework. Select2 provides the source from the cdn. For simple use, add the above source code to the head section as above. 경기도 강원도 경상도 전라도 충청도 제주도 서울 부산 광주 Select is ..

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