input box, onchange 페이지 이동 관련하여 질문드립니다.

Question

안녕하세요. 제이쿼리/자바스크립트 초보입니다. 코드를 작성하다 막히는 부분이 있어 질문드립니다. 코드는 다음과 같습니다.

KOR ENG JPN

input으로 만들어진 언어를 선택할 수 있는 버튼입니다.KOR / ENG / JPN 버튼을 눌렀을 때, kor.html / eng.html / jpn.html 각각의 파일로 이동하도록 만들고 싶습니다. *select box에 onchange="if(this.value) location.href=(this.value);를 사용해본 적은 있으나이건 형식이 다르다보니 찾아봐도 제 상황과 비슷한 내용은 없네요.input(radio)로 되어있어서 안되는 거라면, 셀렉 박스로 변경해야되는 걸까요? 답변부탁드립니다. 감사합니다.

zeipar · Accepted Answer

위에 오딧세이님이 올려주신 코드는 정상작동하는 코드이니 오타가 난 부분이 없는지 확인해 보세요. 제이쿼리도 사용하신다고 하셨으니 사이에 제이쿼리 클릭 이벤트만 추가해주시면 기존에 올려주신 코드 수정 없이 사용 가능하십니다.$(document).ready(function(){ $("input[name=langBtn]").on('click', function(){ var langCode = $(this).val().substring(0, 3); location.href = langCode+ ".html"; }); }); 각 라디오 버튼의 value 를 kor_select 가 아닌 kor.html 등으로 바꿔주시면 $(document).ready(function(){ $("input[name=langBtn]").on('click', function(){ location.href = $(this).val(); }); });로도 가능하시구요 물론 제이쿼리가 사용가능하게끔 스크립트를 불러와주셔야겠죠!

odyssey320 · Answer

각각의 value에 kor.html, eng.html , jpn.html 주소를 넣으면 되는데 정확히 어떤 문제인건가요?

jellypop · Answer

KOR ENG JPN

이렇게 넣으면 된다는 말씀이신가요? 직접 적용해보니 작동하지 않습니다. 이건 작동되는 코드입니다. 위 코드와 차이점은 select box 와 input box 라는 건데.. input box라서 안되는 걸까요?

odyssey320 · Answer

KOR ENG JPN

jellypop · Answer

감사한 답변이나ㅜㅜ 버튼을 클릭해도 페이지 이동이 되질 않네요. 뒤에 onchange 부분을 그대로 붙여넣었는데, 제 코드에 어떤 엉망이 있는건지 잘 안됩니다. 답변 감사합니다:)

jellypop · Answer

답변 진심으로 감사드립니다.

input box, onchange 페이지 이동 관련하여 질문드립니다.

6개의 답변

#onchange 목록