반응형
■ 함수 실행시 특정 value 값 전달하기
자바스크립트의 onClick 이벤트를 사용하여 특정 함수를 호출하는경우 해당 태그의 value 값을 넘겨주어야 하는경우 아래와 같이 사용한다.
| exercises.php (http://localhost/exercises.php?name=wicked&email=yinglong200) |
| <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>연습문제</title> <script type="text/JavaScript" src="http://code.jquery.com/jquery-1.7.min.js"></script> <script type="text/JavaScript"> function self_introduction($name, $email) { jQuery('#name_text').val($name); jQuery('#email_text').val($email); } </script> </head> <body> <input type = "hidden" id = "nic_name" value = "<?= $_GET['name'] ?>" /> <input type = "hidden" id = "nic_email" value = "<?= $_GET['email'] ?>" /> <input type = "text" id = "name_text" value = ""/> <input type = "text" id = "email_text" value = ""/> <input type = "button" onClick = "self_introduction(nic_name.value, nic_email.value)" value = "Click" /> </body> </html> |
출력결과(Click 전) |
| 출력결과(Click 후) |
태그의 id 혹은 name값에 .value를 붙여넣으면 해당 value 값을 전달할 수 있다.
반응형
'JavaScript' 카테고리의 다른 글
| [JavaScript] 시간 자동 완성(HH:MM) 텍스트 박스 (0) | 2018.01.11 |
|---|---|
| [JavaScript] 동적 태그에서 스크립트 호출하기. (0) | 2016.05.26 |
| [JavaScript] 다음 달(월) 구하기(일 수가 같아야 하는경우) (0) | 2015.11.03 |
| [JavaScript] ReferenceError: '' is not defined 해결방법 (1) | 2015.07.12 |
| [JavaScript] 자료형 검사(typeof 연산자) (0) | 2015.06.21 |
