Javascript Form How to - Loop all elements inside a form








Question

We would like to know how to loop all elements inside a form.

Answer


<html>
<head>
</head><!--from   w ww .java  2s . c om-->
<body id="body">
  <form method="GET" action="">
    <input type="button" value="Go" onclick="doIt()">
  </form>
  <script>
  function doIt(){
        var form = document.forms[0]; // get first form or adjust accordingly
        for (var i = 0; i < form.elements.length; i++){
            console.log(form.elements[i].value);
        }
    }
</script>
</body>
</html>

The code above is rendered as follows: