목록interactive Form (1)

Simple Is Best

17. [jQuery] Interactive Form - 하드코딩 ver.

이번 포스팅에서는 사용자가 주어진 Select 중에서 어떤 선택지를 눌렀을 때, 해당 option 에 대한 다른 Select 가 띄워지는 일종의 Animation? UI를 구현해 보도록 하겠습니다. HTML 상품선택 모자 셔츠 바지 사이즈 해당 코드는 Select와 Option 으로 구성되어 있습니다. 현재 상품선택 아래에 size-wrap 으로 구성되어 있는 div 영역은 CSS 상에서 숨김 처리 했습니다. 만약 사용자가 상품 품목을 선택하였다면 그 품목에 해당하는 Size를 띄워줘야 하기 때문입니다. CSS .size-wrap{ display : none; } JQuery 하지만 아래 코드는 Option들을 하드 코딩해야 하는 단점이 존재합니다. ▷ User 가 선택하는 값에 따라 다양한 조건문들을 ..
JavaScript & JQuery 2021. 8. 5. 23:47
이전 Prev 1 Next 다음