[해피CGI][cgimall] Multifunctional Select Replacement Plugin For jQuery - Selectator

기본 셀렉트박스의 스타일을 지정하고
간단하게 몇가지 기능을 추가하는 jQuery 플러그인입니다.

다운로드 받은 파일의 압축을 해제하고
index.html 파일을 웹브라우저로 열어서 보면 확인이 가능합니다.


기본 셀렉트박스의 스타일을 조절해서
각 옵션들 마다 이미지, 옵션값, 타이틀값 등을 이용해서,
셀렉트박스를 이용해서 옵션을 선택시
아래 그림 처럼 표시할수 있습니다.

HTML 태그랑 비교해보면,

option 태그에 몇가지 정해둔 속성들을 이용해서 제어하는게 가능해보입니다.

검색어를 이용해서
많은 옵션들 중에 선택하고자 하는 옵션을 쉽게 찾아내는 기능을 구현하는것도 가능하네요.

여러개의 옵션을 다중으로 선택하는 multiple 셀렉트박스도
도 위 그림과 같이 검색어를 입력해서
옵션을 찾아내거나,
어떤 옵션들을 선택했었는지 표시해줍니다.