웹솔루션개발 22년 노하우! 해피CGI의 모든것

기본 셀렉트박스의 스타일을 지정하고 간단하게 몇가지 기능을 추가하는 jQuery 플러그인입니다. 다운로드 받은 파일의 압축을 해제하고 index.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다. 기본 셀렉트박스의 스타일을 조절해서 각 옵션들 마다 이미지, 옵션값, 타이틀값 등을 이용해서, 셀렉트박스를 이용해서 옵션을 선택시 아래 그림 처럼 표시할수 있습니다. HTML 태그랑 비교해보면, option 태그에 몇가지 정해둔 속성들을 이용해서 제어하는게 가능해보입니다. 검색어를 이용해서 많은 옵션들 중에 선택하고자 하는 옵션을 쉽게 찾아내는 기능을 구현하는것도 가능하네요. 여러개의 옵션을 다중으로 선택하는 multiple 셀렉트박스도 도 위 그림과 같이 검색어를 입력해서 옵션을 찾아내거나, 어떤 옵..

Chosen은 길고 다루기 힘든 셀렉트 박스를 훨씬 더 사용자 친화적으로 만드는 jQuery 플러그인입니다. * License - MIT License * 사용방법 - 첨부된 압축파일을 다운로드 후 원하는 경로에 압축을 해제한후 제공되는 css , js 파일을 로드하여 디자인 요소에 활용하시면 됩니다 html 문서상단에 아래와 같이 css 파일 선언과 문서 하단에 js 파일선언후 기본 셀렉트 박스호출 및 아래와 같이 선택된 박스들에 대한 value 값을 지정하여 볼 수 있는 기능도 있습니다 해당 버전은 XSS 문제가 수정된 버전입니다

셀렉트박스를 편리하게 만들어주는 jquery 플러그인 입니다. 셀렉트 박스에 검색을 달수도 있습니다. 멀티 셀렉트 박스로 모양도 깔끔하게 사용할수 있습니다. 13년도 부터 오랫동안 개발되고 있는 플러그인으로 이번 1.8.3 버전에서는 Remove clip property by moving chosen-single’s search input. (#2816) 버그픽스가 되었습니다.

스크립트와 css 로 다중선택이 가능한 셀렉트 박스입니다. 좌측 셀렉트 박스에서 키워드를 다중선택이 가능합니다. 선택한 키워드는 우측에 출력이 됩니다. 검색기능을 지원합니다. 목록이 길경우 검색박스에 문자를 입력하면 목록에 있는 키워드에서 자동으로 검색됩니다 해당 사이트에서 소스에 대한 설명과 소스를 다운로드 받으실수 있습니다.