how to check with javascript if all 'SELECT' values == 1 inside a form ?

Question

Hi.

Is it possible to check if all select values inside a div, inside a form equals 1? I dont want to write hundreds of if statements. Reason for this is that I am trying to validate the form, and want to check so that the user has selected something. Standard value in EVERY select list is 1 (not selected anything).

      <form name="myform" onchange="return jsfunction();" etc...>
      <div id="formdiv">many many selects, all having a selected option value of 1</div>
      </form>

Thanks

Answer 1

Not writing the code

Get all select elments using

document.getElementsByTagName ( 'select' );

which returns an array.

Loop through the array and get the selected value and check those.

To get the selected value you can use

document.getElementById ( elementinArrayIndex.id ).value;

where elementinArrayIndex is the select element in the current loop iteration.

If all the select elements that you want to check are inside the div element with id "formdiv" then you can use

document.getElementById ( "formdiv" ).getElementsByTagName ( "select" );

Answer 2

Something like:

var e = document.forms.form1.elements;
for ( var i = 0; i < e.length; i++ )
{
  if ( e[i].tagName == 'SELECT' && e[i].options[ e[i].selectedIndex ].value == '1' )
  {
    // do something here
  }
}

P.S. I'm not sure if "1" is the value of the option or index

Answer 3

If you want to know if all of the boxes are checked, get them all with a

var selects = document.getElementsByTagName('select');

then loop through and count them

var checked = 0;
for(var i in selects)
{
    checked += selects[i].value;
}

if checked is equal to the number of select boxes, they're all checked.

if(checked == selects.length)
{
   //yay
}

beware of course that if there are lots of select boxes, this may take a while, but there isn't a great deal you can do about that. If you do run into a performance related problem, your selection system is possibly over complicated...