Multiple select boxes to be validated 1

[hazelsisson]

Hello!
I've got a page which contains multiple (dynamically created) select boxes, and I'm trying to check that at least one of them has a selected value before the form is submitted.
The select boxes all have unique names, and are all single selects.

Here's the code:

function validateForm()
{
var chosen = "n";
var form = document.qForm;
for (i = 0; i < form.elements.length; i++)
{
 if (form.elements[i].type == "select-one")
 {
  if (form.elements[i].options[form.elements[i].selectedIndex].value != "")
  {   
   chosen = "y";
  }
 }
}
if (chosen == "n")
{
 alert("Please choose a quote!")
}
else
{
document.qForm.submit();
}
}

The error (object doesn't support this property or method) is pointing to this line :

if (form.elements[i].options[form.elements[i].selectedIndex].value != "")

Can anyone spot anything wrong with it?!
Thanks!
Hazel

 

[BillyRayPreachersSon]

You are assuming that all select boxes have had a value chosen. Try changing this:

if (form.elements[i].options[form.elements[i].selectedIndex].value != "")

to this:

if (form.elements[i].selectedIndex > -1 && form.elements[i].options[form.elements[i].selectedIndex].value != "")

Hope this helps,
Dan

 

[hazelsisson]

Excellent, it worked.
Thanks very much!
Hazel