validate multiselect menu item

how can i validate that at least one item is checked in a select menu?


<form>
<select name="to" id="to" size="6" multiple>
<option value="1">Hospital 1</option>
<option value="2">Hospital 2</option>
<option value="3">Hospital 3</option>
</select>
</form>

if (document.forms[0].to.selectedIndex == -1)
{.....bad dog!


}

I think the default selectedIndex is -1 only when the size attribute is greater than 1. Otherwise, it's 0.

Just FYI.

validate multiselect menu item

<select name="to" id="to" size="6" multiple> :D

Indeed :)

But, what I said is true, for single selects. Multiples are always -1 by default.