프리랜서 웹디자이너 웹퍼블리셔RELATION

RELATION 로고

홈페이지 소스

[소스] Select option를 버튼(div) 방식으로 변경하기

2019.02.21
북마크 작성자 정보
첨부이미지(0/1)
개발자 입장에서 기능이나 작업시간 단축을 위해 이런게 필요할까? 하는 일이 종종 발생한다.
DB로 작성된 코드값들을 불러와 select 안에 option 값으로 넣어주기만 하면 끝나는 일이지만 필요로 하는 디자인과 기능은 그런게 아니었다.
그래서 DB에서 작성된 코드값들을 불러와 div를 생성하고 div를 클릭하면 자바스크립트로 선택된 div의 배경색을 변경하고 선택된 값을 input text에 값을 넣어주는 방식으로 만들었다.

길게는 썼지만 Select option을 버튼으로 만든 정도..

데모보기

이 포스트 공유하기

전체목록