We would like to know how to loop all elements inside a form.
<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: