select 선택 하기
본문
그림처럼 셀렉트 박스 선택하였을때 만약에 머를 선택시에 select에 머라는 글자가 뜨면서 하단에 선택한 상품옵션이 나오자나요 근데 저는 머를 선택시 다시 선택하세요라고 되돌리고 싶은데..... 방법이.... select박스를 클릭하더라도 다시 원상 복귀를 시키고 싶어요
답변 1
일단 생각해 볼 수 있는게 두가지 정도 있겠네요.
첫번째, 자바스크립트 이벤트로 select의 값의 변화를 감지하여 value 값을 변경시킨다. 수신 이벤트로는 change 와 input 이벤트를 추천합니다.
두번째, 이건 약간 고급팁인데...
폼의 필드 요소들의 디자인을 통일시키기 위해 사용하는 트릭이 있습니다. 이런 트릭들은 label 요소를 이용하고 해당 label이 placeholder 같은 효과를 내게 됩니다. select 박스도 마찬가지 디자인이 가능하고 select 박스의 기능을 흉내내기 위해서 선택한 옵션값을 label에 반영하곤 합니다.
즉, 반영되지 않게 하면 주구장창 label에 입력한 값만이 보여지게 되고 원하시는 결과를 얻을 수 있단 이야기입니다.
제가 초보라....ㅠㅠ;;;;
답변을 작성하시기 전에 로그인 해주세요.
