get and put value from a dynamicly created textfield

Pål Sindre Hiåsen · May 21, 2005

Hi,

The thing I want to do, is to get - change and put content from text
fields that is dynamically created.
I use PHP to create the form that have textfields in it. The number of
textfields vary.
The name of each field is text2 - text3 - text4 and so on.

So in javascript I want to get the content in text2. And that without
writing:
value = parseInt(document.form1.text3.value);

I want to put this into a for loop and do something like this
for(i=0;i<numfield;i++)
{
value = parseInt(document.form1.["text"+i].value);

}

Is this posible in javascript, and if so what is the syntax?

Regards,

Sindre

Martin Honnen · May 21, 2005

Pål Sindre Hiåsen wrote:

I want to put this into a for loop and do something like this
for(i=0;i<numfield;i++)
{
value = parseInt(document.form1.["text"+i].value);

You need to drop that dot that is you need to use
document.form1["text" + i].value

Pål Sindre Hiåsen · May 21, 2005

Pål Sindre Hiåsen wrote:

I want to put this into a for loop and do something like this
for(i=0;i<numfield;i++)
{
value = parseInt(document.form1.["text"+i].value);

Click to expand...

You need to drop that dot that is you need to use
document.form1["text" + i].value

Thanks!

Sindre

Thomas 'PointedEars' Lahn · May 27, 2005

Pål Sindre Hiåsen said:
Pål Sindre Hiåsen said:

I want to put this into a for loop and do something like this
for(i=0;i<numfield;i++)
{
value = parseInt(document.form1.["text"+i].value);

Click to expand...

Click to expand...

parseInt() by default also parses hexadecimal (with leading `0x') and in
some implementations deprecated octal (with leading zero) values. If you
don't want that, pass a second operand to indicate the target base:

value = parseInt(..., 10);

Parsing any non-decimal value then will result in `NaN' which evaluates
to `false' in a boolean expression.

You need to drop that dot that is you need to use
document.form1["text" + i].value

Click to expand...

Click to expand...

The both standards compliant and downwards compatible way is

document.forms["form1"].elements["text" + i].value

You should assign overly long and mroe often used references to a variable:

var fe = document.forms["form1"].elements;
if (fe["text" + i])
{
... fe["text" + i].value ...
}

And if you pass the reference to the handling method, referencing becomes
much easier:

....
<head>
...
<meta http-equiv="Content-Script-Type" content="text/javascript">
...
</head>

<body>
...
<form action="..." ...>
<div>
...
<script type="text/javascript">
function handleMe(f)
{
var fe;
if (f && (fe = f.elements))
{
...
if (fe["text" + i])
{
... fe["text" + i].value ...
}
...
}
}

document.write('<input ... onclick="handleMe(this.form);">');
</script>
...
</div>
</form>
...
</body>

PointedEars

Problem with a login script, SESSION user rights and put this together so it works with the other pages and MySQL. Code examples.	2	May 5, 2023
passing textfield value from page to framset	7	Aug 17, 2008
Is this right way to convert data attributes values to number in javascipt? Need to get valid numeric value or 0	2	May 30, 2023
Hello I have question for a programmer it`s regarding REDDIT but this forum is the best where to put it?	0	Sep 12, 2023
Generate one HTML from API based on the object key language and their value	2	Aug 19, 2022
Socket.io 404 with AWS LAMP Stack Instance Created From a Working Snapshot Not Working	0	Mar 2, 2021
Trouble accessing a value within a JSON string.	1	Jun 16, 2023
Update element value ViewWeb2 .net Control	1	Oct 7, 2022

get and put value from a dynamicly created textfield

Pål Sindre Hiåsen

Martin Honnen

Pål Sindre Hiåsen

Thomas 'PointedEars' Lahn

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads