Drop Down List - on change

[rbutler]

I have the following script that I picked up which loads the days of the week into a drop down list. Depending on the day picked, it shows times. Script is as follows:

function getElementsByClass(searchClass,node,tag) {
    var classElements = new Array();
    if (node == null) node = document;
    if (tag == null) tag = '*';
    var els = node.getElementsByTagName(tag);
    var elsLen = els.length;
    var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");
    for (i = 0, j = 0; i < elsLen; i++) {
        if ( pattern.test(els[i].className) ) {
            classElements[j] = els[i];
            j++;
        }
    }
    return classElements;
}

var hsInputs;

function resetInputs() {
    for (x in hsInputs) {
        hsInputs[x].style.display = "none";
    }
}

function setHsInputs() {
    hsInputs = getElementsByClass("hsInput");
    resetInputs();
}

function hsOptions(input) {
    resetInputs();
    if (input.value) {
        hsInputs[input.selectedIndex-1].style.display = "block";
    }
}

It shows/hides content based off a class name of "timeInput" as shown below:

<p class="timeInput">Monday Timesbr/>
<input type="radio" name="times" value="9am">
9am<br />

What I was wondering, is there a way to modify this script so that I can show/hide a table row based off just one value from the drop down list?

Test file is at: http://midwestwebdesign.net/test.html

Any suggestions would be appreciated.

[rbutler]

Actually, I figured out that I need to do something like this on my last function:

function hsOptions(input) {
    resetInputs();
   if (input.value == "other") {
        hsInputs[0].style.display = "block";
    }
}

However, when I do this, both the follow up question and the corresponding drop down list are present in the first column cell. Would there be a reason for this?

[rbutler]

Now I know why...Mozilla follows the DOM, where you need to use display set to table-row...whereas IE needs display set to block. If I can figure out how to do that and figure out why my drop down list isn't resetting...I'd be good.

Any JS gurus come along and can spot something...please clue me in.

[Chroniclemaster1]

I would post this on the accessibility board. I think onchange is one of the accessibility non-nos. You can probably get some advice there for a different approach. Beyond that I rarely use tables, and that may be one reason you haven't gotten a lot of response. Good luck!