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

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

이 게시물을
목록
목록
번호 제목 글쓴이 날짜 조회 수
공지 2023worship 맥가이버 2023.01.01 317
공지 worship 맥가이버 2021.03.21 530
공지 새소식반 맥가이버 2021.03.21 467
1012 수열의 합 장영조 2006.06.01 380
1011 하노이 탑 장영조 2006.06.01 590
1010 123 file 장영조 2006.06.23 350
1009 연습문제 장영조 2006.09.09 394
1008 링크 장영조 2006.09.12 357
1007 ping 테스트에서 time,ttl,lost 의 개념이 무엇인지 알려주세요 장영조 2006.09.19 542
1006 SATA는 뭐고 RAID는 뭡니까? 장영조 2007.01.28 367
1005 학습관리시스템 트리 file 장영조 2008.04.05 364
1004 견적서 장영조 2008.04.20 494
1003 로그인 에러 file 장영조 2009.03.09 364
1002 720*489변환 file 장영조 2009.04.04 387
1001 보이스 웨어 자료 장영조 2009.06.22 402
1000 하나님의꿈 file 장영조 2010.04.21 351
999 코덱설정 divx v5.0.2 file 장영조 2010.04.23 346
998 검정 교과서 구입방법 장영조 2010.05.31 374
997 날세우시네 file 장영조 2010.06.21 401
996 특수 효과 안내 장영조 2010.07.21 392
995 jw 플레이어 설정 안내 장영조 2010.08.24 365
994 에펙 에러 장영조 2010.11.02 1720
993 윈도우 탐색기에서 mov(QuickTime) 파일 미리보기 file 장영조 2010.11.08 1439
쓰기
태그
COPYRIGHT © ALL RIGHTS RESERVED.
관련사이트