평범한 셀렉트박스에 아래처럼 코드를 한 줄 적어 주면 위 이미지처럼 변한다.

$("#e9").select2();

플러그인의 이름은 Select2. 아래 링크에 엄청 다양한 예제가 있다. 리모트 서버에서 값을 불러오는 방법도 있고, 여러 개의 값을 차례대로 태그 형태로 넣는 방법도 설명돼 있다. 쓰임새가 다양한 것 같으니 데모를 하나하나 천천히 살펴 보면 도움이 될 거다.

►jQuery Select2 Plugin<section>

브라우저 호환성

  • IE 7+
  • Chrome 8+
  • Firefox 3.5+
  • Safari 3+
  • Opera 10.6+</section>