logo

<input... location.href=...">를 할 때 변수 값까지 가져 가는 방법?

2019.12.30 07:59

맥가이버 조회 수:980

http://www.devpia.com/MAEUL/Contents/Detail.aspx?BoardID=56&MAEULNo=22&no=30425&ref=30424



안녕하세요?

제가 주제넘은 제목을 쓴것은 아닌지 모르겠군요.. 코딩을 하는데 딱히 이래야만 한다는 룰은 없
지만 그래도 생산성을 높이기 위해서나 소스 해석을 위해 몇 줄 더 쓰더라도 함수를 만들어 사용
하는 방법을 많이 선호하고 있습니다.

물론 님께서 질문하신 내용의 답변은 

OnClick="location.href="result.asp"을
OnClick="location.href="result.asp?test1="+test1+"&test2="+test2
이렇게 쓰시면 될겁니다. 하지만 넘겨주려는 test1과 test2가 input 박스나 콤보박스등의 오브젝
트 값들이라면 어떻게 하겠습니까?
먼저 그 값들을 test1이나 test2에 넣는 작업을 먼저 해주어야 합니다. 그럼 가장 간단한 소스
로 제 생각을 말씀드리죠..

<Sctipt>
function jumpToAAAA() {

   document.TEST.action = "AAAA.asp"  
   // 이부분을 원하시는 것으로 바꾸면 어떤 페이지로도 폼의 값을 넘겨줄 수 있죠... 
                                     
   document.TEST.submit()

}

function jumpToResult() {

   var test1 = document.TEST.test1.value;
   var test2 = document.TEST.test2.value;

   //test1 의 값을 그냥 넣어도 되죠.. 다음줄 처럼요
   // var test1 = "데브피아";
   location.href="result.asp?test1="+test1+"&test2="+test2;

}
</Script>


<form name="TEST">

<input type="text" name="test1" value="이병민">
<input type="text" name="test2" value="만세">
<input type="button" OnClick="jumpToAAAA()">
<input type="button" OnClick="jumpToResult()">
</form>

이렇게 하시면 어떤 페이지로든 원하는 값을 넘겨 줄 수 있을겁니다.
항상 OnClick했을 때 한가지 작업만을 수행하는 것은 아니니 항상 함수를 만들어 이용하시는 것
이 좋습니다. 
그리고 더 나아가서 공통으로 쓰는 함수들은 aaaa.js 파일처럼 공통으로 만들어 놓고 여러 페이
지에서 호출해서 사용하면 페이지마다 쓰지 않아도 사용할 수 있습니다.

그럼 도움이 되면 좋겠군요...

이 게시물을
목록
목록
번호 제목 글쓴이 날짜 조회 수
공지 2023worship 맥가이버 2023.01.01 370
공지 worship 맥가이버 2021.03.21 595
공지 새소식반 맥가이버 2021.03.21 518
1030 2022 중2 미래엔 교과서 맥가이버 2026.02.28 2
1029 바이브 코딩 배포 맥가이버 2026.02.27 3
1028 미리캔퍼스 결과물 맥가이버 2026.02.24 14
1027 노트북 LM remove 맥가이버 2026.02.23 9
1026 에듀나비 맥가이버 2026.02.23 0
1025 api file 맥가이버 2026.02.23 7
1024 =IF(U3, MATH_SETECH_GPT($D$2:$T$2, D3:T3, 0.7), "") 맥가이버 2026.02.23 1
1023 인라인 코드 맥가이버 2026.02.13 2
1022 결과물 맥가이버 2026.02.12 12
1021 zoom it file 맥가이버 2026.02.12 2
1020 학습 컨텐츠 제작 file 맥가이버 2026.02.11 11
1019 gpt file 맥가이버 2026.02.10 21
1018 나만의 앱만들기 맥가이버 2026.02.04 4
1017 작품 맥가이버 2026.01.31 22
1016 피드백 예시 맥가이버 2026.01.31 17
1015 커서 등 file 맥가이버 2026.01.30 58
1014 수학 학습자료 커서컨텐츠 file 맥가이버 2026.01.30 17
1013 cuser 화면이 검게 나오고 메유가 안나올 맥가이버 2026.01.30 17
1012 2026년 자유학기제 금융교육안내 file 맥가이버 2026.01.06 22
1011 2026 1월 1주 구매 맥가이버 2026.01.04 10
쓰기
태그
COPYRIGHT © ALL RIGHTS RESERVED.
관련사이트