JavaScript method to get the values of all the elements in a form

2020-05-26 07:45:50
OfStack

This example shows how JavaScript gets the values of all the elements in a form. Share with you for your reference. The details are as follows:

The JS code below walks through all the elements in the specified form and outputs the values of the elements


<!DOCTYPE html>
<html>
<body>
<form id="frm1" action="form_action.aspx">
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>
<p>Return the value of each element in the form:</p>
<script>
var x=document.getElementById("frm1");
for (var i=0;i<x.length;i++)
{
document.write(x.elements[i].value);
document.write("<br>");
}
</script>
</body>
</html>

I hope this article is helpful for you to design javascript program.