본문 바로가기

JavaScript

[JavaScript] 함수 실행시 특정 value 값 전달하기

반응형



함수 실행시 특정 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 값을 전달할 수 있다.








반응형