selectbox 이쁘게 만들기, select2 라이브러리로 이쁘게, 그룹으로 묶기까지
기본적인 셀렉트 박스 기본적인 selectbox 태그를 사용하게 되면, 아래와 같은 모양의 selectbox 가 나타나게 됩니다. 그런데, 별로 이쁘지가 않고, 리스트의 내용이 아주 길 경우에는 검색을 할 수가 없기때문에 스크롤을 엄청 오래 해야하는 불편함이 있습니다. select2 라이브러리를 사용하자 select2 라이브러리를 사용하게되면, 아주 손쉽게 아래와 같이 모양도 이쁘고, 검색도 가능한 selectbox를 만들 수 있습니다. * select2 라이브러리를 사용하려면 먼저 아래와 같은 코드를 페이지에 삽입해야 합니다. 1 2 3 cs * 그런 후에 아래와 같이 document.ready 에서 해당 selectbox에 select2() 함수를 적용시켜주기만 하면 됩니다. 1 2 3 4 5 6 /..
IT공부방/HTML5, CSS
2023. 6. 21. 11:43