728x90
Cascading dropdown
상위 셀렉트박스에서 어떤 옵션을 선택하는지에 따라 다음 셀렉트박스의 옵션 내용이 바뀐다.
자바스크립트가 필요하다.
https://www.w3schools.com/howto/howto_js_cascading_dropdown.asp
How To Create a Cascading Dropdown
W3Schools offers free online tutorials, references and exercises in all the major languages of the web. Covering popular subjects like HTML, CSS, JavaScript, Python, SQL, Java, and many, many more.
www.w3schools.com
위의 출처에서 보고 따라해봤다.
See the Pen Cascading select boxes by sel (@wimmwell) on CodePen.
728x90
'Front-end' 카테고리의 다른 글
| [javascript] 버튼 클릭하면 클립보드로 텍스트 복사하기 (-를 제외하고 숫자만) (0) | 2023.07.27 |
|---|---|
| 그누보드 모바일 버전 해제하고 반응형 웹으로 사용하는 방법 (0) | 2023.07.22 |
| [CSS/javascript] 스크롤 하면 줄어드는 헤더 (How To Shrink Navbar on Scroll) (0) | 2023.06.22 |
| [CSS] overscroll-behavior: contain의 역할 (0) | 2023.06.18 |
| [HTML/CSS] DIV 안에 이미지 가득 차게 중앙 정렬하기 (0) | 2023.05.23 |
