onChange failing in Firefox, ok in IE

[musclehead]

I have a fairly basic Javascript that is taking a selected value in a select and making a div on the page visible when selected, hiding it when unselected. It works great in IE, but Firefox is not displaying anything.

function initSelect()
{
    var theSelect = document.getElementById("Affiliation");
 
    theSelect.changed = false;
    theSelect.onfocus = selectFocussed;
    theSelect.onchange = selectChanged;
    theSelect.onkeydown = selectKeyed;
    theSelect.onclick = selectClicked;
 
    return true;
}
 
 
 
 
function selectChanged(theElement)
{
    var theSelect;
 
    if (theElement && theElement.value)
    {
        theSelect = theElement;
    }
    else
    {
        theSelect = this;
    }
 
    if (!theSelect.changed)
    {
        return false;
        test.style.visibility = 'hidden';
    }
 
    if (theSelect.selectedIndex == 13)
    {
        test.style.visibility = 'visible';
    }
    else
    {
        test.style.visibility = 'hidden';
    }
 
    return true;
}
 
 
 
 
function selectClicked()
{
    this.changed = true;
}
 
 
 
 
function selectFocussed()
{
    this.initValue = this.value;
 
    return true;
}
 
 
 
 
function selectKeyed(e)
{
    var theEvent;
    var keyCodeTab = "9";
    var keyCodeEnter = "13";
    var keyCodeEsc = "27";
 
    if (e)
    {
        theEvent = e;
    }
    else
    {
        theEvent = event;
    }
 
    if ((theEvent.keyCode == keyCodeEnter || theEvent.keyCode == keyCodeTab) && this.value != this.initValue)
    {
        this.changed = true;
        selectChanged(this);
    }
    else if (theEvent.keyCode == keyCodeEsc)
    {
        this.value = this.initValue;
    }
    else
    {
        this.changed = false;
    }
 
    return true;
}
 

<select name="thename" id="selector">
<option selected>0</option>
<option>1</option>
<option>2</option>
.
.
.
<option>13</option>
</select>
 
<div id="test" style="visibility:hidden;">Visible in IE, not in Firefox</div>
 

Any suggestions? Thanks!

[AricC]

What function are you calling on your onchange event?

[musclehead]

I ended up finding the problem w/ Firefox's debugger. I just needed to declare the hidden DIV as a variable using getElementbyID. Once I did that, Firefox smartened up and found the DIV and, wouldn't ya know it, it worked!