<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div>
이름 : <input type="text" id="name" /><br />
지역 :
<select id="city">
<option value="02">서울</option>
<option value="032">인천</option>
</select><br />
<button onClick="ok();">제출</button>
</div>
</body>
</html>
html 부분은 이렇게 만들어두고 value의 기능을 알아보도록 한다.
<script>
function ok()
{
alert(document.getElementById("name").value);
alert(document.getElementById("city").value);
}
</script>
button 태그를 onClick 했을 때 실행되는 ok()메소드이다.
alert(경고)창이 뜨면서 내가 보고 싶은 정보를 띄우게 되는데
document.getElementById("name").value
-문서 중 id가 name인 정보를 가지고 온다.
-여기서 value가 없다면 실행이 되지 않는데 그 이유는 사용자가 입력한 값이 들어오는 곳이기 때문!
-html 부분에서 value="" 이렇게 초기화를 해놓지 않아도 메소드에서 바로 사용가능
-결과적으로 name창에서 사용자가 입력한 이름이 경고창에 뜨게 되는 것이다~
'개발일지 > JavaScript + jquery' 카테고리의 다른 글
JavaScript에서 놓치기 쉬운 배열의 특징들 (0) | 2021.11.06 |
---|---|
[JavaScript] 숫자 맞추기 게임 (0) | 2021.11.05 |
자바스크립트 정리 및 예제들 (0) | 2021.11.03 |
[jquery] animate 기능 움직이다가 멈추기 alert (복습) (0) | 2021.09.14 |
[jquery] radio 입력 받아서 출력하기 (0) | 2021.09.14 |