send a form array to js function

**html20009876** · 05-15-2012, 02:12 PM

Code:

<script type="text/javascript">
function myFunction(form)
{
	alert(form.my[0].value);
}
</script>

<style>
#the-form
{
	border: 2px solid #FF9900; 
	padding: 20px; 
	display: inline-block;
}
</style>

<form id="the-form" name="myform">
	<input type='text' value="eeee" name="my[]" />
	<input type='text' value="ffff" name="my[]" />
</form>
<br>
<input type="button" value="Show" onclick="myFunction(myform);" />

Only error above is the bold line in js function myFunction(form).

If not use document.getElementsByTagName('input') to enum all inputs,
how does a js function read form array directly as pseudo-code above？

Thanks.

.

**Padonak** · 05-15-2012, 02:20 PM

may be this way?

Code:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>...</title>
<head>
<style>
#the-form
{
	border: 2px solid #FF9900; 
	padding: 20px; 
	display: inline-block;
}
</style>
<script type="text/javascript">
function myFunction(form){
alert(form[0].value+'\n'+form[1].value);
}
</script>
</head>
<body>
<form id="the-form" name="myform">
	<input type='text' value="eeee" name="my[]" />
	<input type='text' value="ffff" name="my[]" />

<br>
<input type="button" value="Show" onclick="myFunction(this.form);" />
</form>
</body>
</html>

**vijesh1983** · 05-15-2012, 04:03 PM

You need not give a my[] name to the input elements. by default all elements coming under a form is an array. Please the the following (changes highlighted in green bold)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<style>
#the-form
{
border: 2px solid #FF9900;
padding: 20px;
display: inline-block;
}
</style>

<script type="text/javascript">
function myFunction(form)
{
alert(form)
alert(form[0].value);
}
</script>
</head>
<body>
<form id="the-form" name="myform">
<input type='text' value="eeee" [COLOR="rgb(46, 139, 87)"]name="my1"[/COLOR] />
<input type='text' value="ffff" [COLOR="rgb(46, 139, 87)"]name="my2"[/COLOR] />
</form>
<br>
<input type="button" value="Show" onclick="myFunction(myform);" />
</body>
</html>

**vijesh1983** · 05-15-2012, 04:06 PM

Please ignore the color codes around the input elements. It should be like the following

<form id="the-form" name="myform">
<input type='text' value="eeee" name="my1" />
<input type='text' value="ffff" name="my2" />
</form>