테스트 사이트 - 개발 중인 베타 버전입니다

셀렉트박스 항목을 선택값에 따라 다르게 적용하려면? 채택완료

동물원 3년 전 조회 1,831

wr_1  (대분류) 

=> 정육코너, 과일코너, 과자&간식 , 음료&주류 , 기타

wr_2  (소분류)  

 : wr_1 선택값에 따라 선택할 수 있는 값이 다르게 보여지도록

wr_1 이 정육코너 => wr_2 : 소고기 , 돼지고기, 닭고기 , 오리고기

wr_1 이 과일코너 => wr_2 : 사과, 배, 포도, 딸기, 귤

wr_1 이 과자&간식 => wr_2 : 스낵, 쿠키, 초콜렛&사탕 , 견과류 , 건어물

...

...

이렇게 셀렉트박스가 보여지고 선택되게 하고 싶습니다.

 

wr_1 과 wr_2를 셀렉트 박스로 하여,

즉, wr_1 의 선택값에 따라 wr_2 의 선택항목 값이 다르게 보여지도록 하는 방법을 알 수 있을까요?

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트
3년 전

그냥 간단하게 해봤는데 참고하세요~

 

https://jsfiddle.net/Lsp972cd/1/

로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

동물원
3년 전
네~ 제가 필요로 하던 내용이 맞습니다. 예제 소스까지 만들어서 알려주셨네요. 정말 감사드립니다.
동물원
3년 전
앞서 답변주신 소스로 잘 활용해서 사용중입니다. 너무 감사 드리고요.
한가지 추가로 질문을 드리면 수정시에는 선택된 값이 유지가 되지 않는데요.
수정시에도 셀렉트박스에 선택값이 유지되게 하려면 어떻게 해야 할까요?
폭주죽
3년 전
네 그땐 $write['wr_1'] 과 $write['wr_2'] 변수 사용해서 값을 세팅해주시면 되는데,
depth1 의 경우
<option value="a" <?php echo $write['wr_1'] == 'a' ? 'selected' : ''; ?> >a</option>
이런식으로 해주시면 되고,
depth2 의 경우 depth1의 값에 따라서 묶인 option까지 다 표시를 해주셔야하는데 ,
만약 그 과정이 코드가 지저분해지고 번거로우시겠다 싶으시면 ,
제이쿼리 사용해서 페이지 로드 후에 값 세팅해주도록 하셔도 나쁘지않을것같습니다.

혹시 자세한 소스코드나 이런게 필요하시면.. 쪽지주세요 ㅎㅎ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인