Get the value from an array of elements

@jeppeJul 29.2006

Hi I want to loop through an array of elements and get the value from each element. How can I do that?

I have tried with the code below but it doesn´t work? Can you help me?

for ( i = 0 ; i < countElements ; i++ ){

alert( document.form1.getElementById(‘test’)~~[i]~~.value );
}

to post a comment

@mrhooJul 30.2006 — #.getElementById('test')[i] is not an element of an array,

but a property i of the element with the id 'test'-

chances are the value is undefined.

@JUDJul 30.2006 — #It depends what type of elements you need to loop through.

Lets say you wanted to get the values of all the textbox input tags on the page. You could do that like this.

[CODE]
 var countTags = document.getElementsByTagName("INPUT");
 
 for(var i = 0; i < countTags.length; i++){
 if(countTags[i].type == 'text'){
 alert(countTags[i].value);
 }
 }
 [/CODE]

@jeppeauthorJul 31.2006 — #Hi,

The problem is that I have other text elements that I don´t want to loop through?

@KorJul 31.2006 — #1.[B] id[/B] must be unique on page/session, so that you must not have more than 1 id with the same value on the page. getElementById() returns, thus, a single element, not a collection

2. It is not the problem if you want or not to loop through elements, it's about the possible ways to loop, and those possibilities are limited

- the collection of all the elements of a form

document.forms[[I]name_or_index[/I]].elements[[I]name_or_index[/I]]

- the collection of all the HTML (tags) elements in a document

document.getElementsByTagName('*')

- the collection of all the elements with the same tagname

document.getElementsByTagName([I]tagname[/I])

- the collection of all the elements with the same name

document.getElementsByName([I]name[/I])

To restrict the loop, you may use the fact that the DOM reference can be concatenated.

document.getElementById([I]id[/I]).getElementsByTagName([I]tagname[/I]);

ex: the collection of a table's rows

document.getElementById('tableid').getElementsByTagName('tr');

Get the value from an array of elements

4 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Get the value from an array of elements

4 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

4 Comments(s) _↴

Also in #JavaScript _↴