HTML form control check?

[g2000]

Is that possible (using javascript) to check if any input element belongs to certain type such as textbox or select box?

 

[tsdragon]

Yes, use the type attribute.

MSDN type attribute Reference

Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[cLFlaVA]

var obj = document.forms['myForm'].elements['myElement'];

switch( obj.type ) {
  case 'text':
    alert('text box');
    break;
  case 'select-one':
    alert('single select');
    break;
  default:
    alert('other');
    break;
}

*cLFlaVA
----------------------------
[tt]your mom goes to college[/tt]
[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[deputydoofy]

Yes. First, either grab the specific input element or all the elements.
/* For a specific element. Search by its id property.
var input=document.getElementById("element_id");
OR
// For an array of all elements in your document.
var inputs=document.getElementsByTagName("input");

For the first example, you can see its type by:
alert(input.type);
if (input.type=="textbox") ....

For the second example, you can see its type by:
alert(inputs[0].type);
Of course, you pick whichever index you need or simply loop through them all.

Lastly, a select box is not an input. It is a select tag.

http://mywebpages.comcast.net/doofymusic

 

[tsdragon]

True, select is not an input, but it still has a type property. Which brings up a good point: the reference I gave above only shows the types for input tags, but there are other tags that have types too. The MSDN DHTML Reference has type property entries for each of the following:

A, LINK, OBJECT
BUTTON
event
INPUT
LI, OL, UL
PARAM
SCRIPT
SELECT
selection
STYLE
styleSheet
TEXTAREA

To check them out go to MDSN DHTML Reference - Properties and scroll down to "type".

Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.