[SOLVED] Find all tags

[ldsmike88]

Is there a way javascript can find all of the names of the input fields in a form? Thanks!

 

Michael

[fenway]

Easier way it to iterate though all of the .elements of the form object... that will give you all of the INPUTs.

[ldsmike88]

What do you mean? Or how would I go about doing that?

[fenway]

for( var eInput in document.forms['theForm'].elements ) {
alert( eInput.name + ' - ' + eInput.type );
}

[ldsmike88]

When I do that it just gives me an alert box that says undefined - undefined. I can't make the alert box go away so every time I run it I have to close every IE window. It sounds like a good script, but how do I make it work right? Thanks!

 

Michael

[tomfmason]

Here is a very nice js form article. http://www.quirksmode.org/js/forms.html . I bet most of your questions would be answered by reading that.

 

Tom

[fenway]

When I do that it just gives me an alert box that says undefined - undefined. I can't make the alert box go away so every time I run it I have to close every IE window. It sounds like a good script, but how do I make it work right? Thanks!

 

Michael

 

Sorry, my bad, I missed a line there.

[ldsmike88]

Well I tried that website but I couldn't find what I wanted. I created this sweet code with the help of another website. For some reason it wont get the textarea tag names unless I run it by itself. Why doesn't it work if I just include it in the array?

 

function getAllFormElements(formName){
var names = new Array();
var formTags = new Array('input','textarea','select','button');
for(var i = 0; i < formTags.length; i++){  
	formInputs = document.forms[formName].getElementsByTagName(formTags[i]);
	for(var i = 0; i < formInputs.length; i++){
		names.push(formInputs.item(i).name);
	}
}
formInputs = document.forms[formName].getElementsByTagName(formTags[1]);
for(var i = 0; i < formInputs.length; i++){
	names.push(formInputs.item(i).name);
}
for(var i = 0; i < names.length; i++){
	alert(names[i]);
}
}

[fenway]

*shudder*

 

Why not go the simpler route (sorry, I though elements was a hash only, not a collection):

 

function getAllFormElements(formName){
var eForm = document.forms[formName];
for( var e = 0; e < eForm.elements.length; e++ ) {
  var el = eForm.elements[e];
  alert( el.name );
}
}

[ldsmike88]

SWEET! My code was pretty dang simple compared to the one I found, but yours is tiny and it works better! Thanks everyone! (My site is going to be so cool when I'm done!)

 

Michael