코딩하는 문과생

자바스크립트/ 11. 값 받기(forms[]) 본문

웹 프로그래밍/Javascript

자바스크립트/ 11. 값 받기(forms[])

코딩하는 문과생 2018. 11. 4. 16:01


11. 값 받기(forms[])


form 태그 내의 input 태그를 배열의 형식으로 받는다.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<body>
  <form id="frm1">
    First name: <input type="text" name="fname" value="Donald"><br>
    Last name: <input type="text" name="lname" value="Duck"><br>
    <input type="submit" value="submit">
  </form>
  <button onclick="myFunction()">Try</button>
  <p id="demo"></p>
</body>
<script>
  function myFunction(){
    var x = document.getElementById("frm1");
     //frm1에 해당하는 값들 배열형식으로 가져오기
    var text="";
    var i;
    for(i=0;i<x.length;i++){
      text+=x.elements[i].value + "<br>";
       //x내의 value값을 뽑아내서 text에 저장
    }
    document.getElementById("demo").innerHTML = text;
  }
</script>
 
cs


12번 문장을 var x = documents.forms[0[의 형식으로 변경한다.

document내 여러 form중 처음 form을 찾아 x에 할당한다.


<실행결과>


'웹 프로그래밍 > Javascript' 카테고리의 다른 글

자바스크립트/13. 천천히 목록 없애기  (0) 2018.11.07
자바스크립트/ 12. onmouseover & onmouseout 이벤트  (0) 2018.11.04
자바스크립트/ 10. querySelectorAll  (0) 2018.11.04
자바스크립트/ 09. location 객체와 history 객체  (0) 2018.11.04
자바스크립트/ 08. window 객체 중요한 메서드  (0) 2018.11.04
'웹 프로그래밍/Javascript' Related Articles more