logo

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

2019.12.30 07:59

맥가이버 조회 수:979

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 파일처럼 공통으로 만들어 놓고 여러 페이
지에서 호출해서 사용하면 페이지마다 쓰지 않아도 사용할 수 있습니다.

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

이 게시물을
목록
목록
쓰기
태그
COPYRIGHT © ALL RIGHTS RESERVED.
관련사이트