[자바스크립트] 셀렉트박스 클릭시 자동기입되게하는 법 이어서 질문...

Question

왼쪽의 사진에 보시면 셀렉박스의 A,B,C마다 다 다르게 뜨게하고 싶은데 A를 누르든, B를 누르든, 스크립트상 제일 밑에있는 C만 나와집니다. if문을 사용해야할것같고 변수선언도 다시해야할거같은데 어떤식인지 구글링을 보아도 감이 안와서 예시를 들어주실수있으신분 있으실까요....function receive() { // A var cnum &#61; document.getElementById('num1').value &#61; &#34;000-00-0000-002&#34;; var cnum2 &#61; document.getElementById('rname1').value &#61; &#34;TU45&#34; var cnum3 &#61; document.getElementById('name1').value &#61; &#34;홍 길 동3&#34;; var cnum4 &#61; document.getElementById('address1').value &#61; &#34;부산광역시 수영구 ~~~3&#34;; var cnum5 &#61; document.getElementById('program1').value &#61; &#34;혼자서3&#34;; var cnum6 &#61; document.getElementById('Hprogram1').value &#61; &#34;연습중3&#34;; var cnum7 &#61; document.getElementById('tel1').value &#61; &#34;010-1234-5678&#34;; document.getElementById('A').value &#61; cnum, cnum2, cnum3, cnum4, cnum5, cnum6, cnum7 // B /* var document.getElementById('num1').value &#61; &#34;000-00-0000-001&#34;; var document.getElementById('rname1').value &#61; &#34;TU23&#34; var document.getElementById('name1').value &#61; &#34;홍 길 동2&#34;; var document.getElementById('address1').value &#61; &#34;부산광역시 수영구 ~~2&#34;; var document.getElementById('program1').value &#61; &#34;혼자서2&#34;; var document.getElementById('Hprogram1').value &#61; &#34;연습중2&#34;; var document.getElementById('tel1').value &#61; &#34;010-1234-5678&#34;; // C var document.getElementById('num1').value &#61; &#34;000-00-0000-000&#34;; var document.getElementById('rname1').value &#61; &#34;TU&#34; var document.getElementById('name1').value &#61; &#34;홍 길 동&#34;; var document.getElementById('address1').value &#61; &#34;부산광역시 수영구 ~~~&#34;; var document.getElementById('program1').value &#61; &#34;혼자서&#34;; var document.getElementById('Hprogram1').value &#61; &#34;연습중&#34;; var document.getElementById('tel1').value &#61; &#34;010-1234-5678&#34;; */ }

먹는게좋아 · Accepted Answer

if문으로 a,b,c에대한 값을 정의한 후 change시 값을 비교하고 해당되는 값을 셋팅 하면 되는 거 아닌가요 ?? 정 모르시겠으면 오픈 카톡 하나 남겨주세요

먹는게좋아 · Answer

change에 대해서 공부해보시면 될 것 같네요

나는컴공이맞는가 · Answer

먹는게좋아onchange이벤트는 설정해놨는데 문법을 공부해보라는 말씀이신가요?

올림픽대로 · Answer

음 select박스의 각option은 클릭(선택)하면 부모인 select박스의 상태가 변경되는데 checked였나 value였나 암튼 선택한 옵션 값 체크해서 그 값에 맞는 데이터그룹을 뿌려주면 되지않을까요? 옵션은 아닌데 전에 radio로 카테고리 구현할때 비슷하게 했던거 같은데 기억이 잘 안나네요..

hhhhh:) · Answer

셀렉트 박스에 onChange 이벤트를 걸면 셀렉트 박스가 변경 될 때마다 체인지 이벤트가 발생해요그러면 $(셀렉트박스).val() 이거였나로 선택된 값을 가져오게 되는데 이 가져오는 값을 알아내서 해당 하는 값을 if 문으로 골라서 넣어주면 돼요 셀렉트 박스의 선택된 값에 따라서 값을 넣어준다 ~ 지금 상태는 if문이 없으니까 맨 위에서부터 차례대로 넣다가 C의 해당하는 값이 맨 마지막에 있으니까 당연히 저 값만 무조건 들어가게 되는것이구요

나는컴공이맞는가 · Answer

먹는게좋아 엇.... 감사합니다 https://open.kakao.com/o/sWi8ImUd 입니다! 올림픽대로radio는 구글링에 많이 있는데 이거자체는 없어서 곤란을 겪고있습니다.... hhhhh:)$ <- 이 표시는 제이쿼리지 않습니까? 스크립트로만 구현해보고싶은데 제이쿼리가 필수인가요?

올림픽대로 · Answer

나는컴공인가 시간만 좀 있었음 예제로 하나 짜드렸을텐뎅 아쉽네여 잘 해결되시길 바랍니다~

나는컴공이맞는가 · Answer

올림픽대로아쉽네요.....ㅜㅜ 그래도 감사합니다!

[자바스크립트] 셀렉트박스 클릭시 자동기입되게하는 법 이어서 질문...

8개의 답변

Q&A 목록