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

[해피CGI][cgimall] [jquery] bootstrapSelect v0.84 본문

웹프로그램밍 자료실/JAVA 자료

[해피CGI][cgimall] [jquery] bootstrapSelect v0.84

해피CGI윤실장 2019. 10. 16. 09:08

* bootstrapSelect 소개

HTML 선택박스를 부트 스트랩 드롭 다운으로 변환
사용자가 선택박스를 선택하면 값이 즉시 업데이트됩니다.

부트 스트랩 드롭 다운에서 색상을 지정하려는 옵션의 클래스와 함께 select를 사용합니다.
colorcode를 포함하는 data-color 속성을 대신 사용할 수도 있습니다. "colors"옵션을 "on"으로 설정하면 가능합니다



* 이용방법

압축을 해제하여 bootstrapSelect.js , bootstrapSelect.css 파일을 원하는 경로에 업로드 합니다
업로드된 파일을 html 문서에 호출합니다



선택박스를 만들어 줍니다



선택박스 선택후 버튼으로 선택값을 비우거나 값을 조정할 수 있게 버튼 및 스크립트를 생성합니다




위의 선택박스에 대한 옵션처리 외에도 선택박스를 비활성화시키거나 다시 활성화시키는 옵션이 있으며
첨부된 파일을 압축해제하여 보면 index.html 파일로 예제파일이 있으니
해당 파일을 참고하여 사이트 작업을 하시면 되겠습니다




홈페이지바로가기

저작자표시

'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글

[해피CGI][cgimall] JavaScript 와 CSS3 를 이용한 사이클 메뉴  (0) 2019.10.28
[해피CGI][cgimall] Easy Drop Down Select List Plugin - DropKick  (0) 2019.10.24
[해피CGI][cgimall] [jquery] mBox lightbox plugin  (0) 2019.10.15
[해피CGI][cgimall] 간단한 툴팁 JQuery 플러그인 - sTips  (0) 2019.10.08
[해피CGI][cgimall] TEXTAREA 입력 글자수 제한 JQuery 플러그인  (0) 2019.10.07
공유하기 링크
'웹프로그램밍 자료실/JAVA 자료' Related Articles more
Comments