logo

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

2019.12.30 07:59

맥가이버 조회 수:997

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 618
공지 worship 맥가이버 2021.03.21 841
공지 새소식반 맥가이버 2021.03.21 785
1058 wave 터미널 맥가이버 2026.06.09 0
1057 석면철거 맥가이버 2026.06.01 3
1056 외벽 전문 맥가이버 2026.05.26 17
1055 5워25일 주간 구매 맥가이버 2026.05.25 27
1054 스킬 file 맥가이버 2026.05.15 15
1053 다운 파일 file 맥가이버 2026.05.14 20
1052 111 file 맥가이버 2026.05.14 20
1051 ㄴㅇㅁㄴㅁㅇ 맥가이버 2026.05.12 14
1050 한글스킬 맥가이버 2026.05.11 8
1049 math-tailer file 맥가이버 2026.05.07 15
1048 win_bg file 맥가이버 2026.05.05 14
1047 윈도우 11업데이트 맥가이버 2026.05.01 15
1046 간증 맥가이버 2026.04.25 15
1045 보드게임 맥가이버 2026.04.17 20
1044 성서지도 file 맥가이버 2026.04.13 14
1043 암막 커튼 맥가이버 2026.04.04 22
1042 클로드스킬 한글 맥가이버 2026.04.04 31
1041 QA 맥가이버 2026.03.29 29
1040 test 맥가이버 2026.03.29 33
1039 코딩 1도 몰라도 AI 에이전트 6명이 알아서 풀스택 앱 만들어주는 바이브 코딩 서비스 아톰스(Atoms) 맥가이버 2026.03.26 43
쓰기
태그
COPYRIGHT © ALL RIGHTS RESERVED.
관련사이트