Checkbox/selectedIndex of Dropdown

[markrawlingson]

Hi guys,

I have a bunch of drop down lists on a page, with a checkbox beside each one that relates to each one respectively. When a user selects an option from the drop down, the checkbox is automatically checked, if the user unchecks the checkbox, the dropdown list is automatically reset to "select" which is the default option.

What I'm trying to do is have the dropdown list set to the first item if the user checks the checkbox. My attempts at this are failing, is there a problem with the code below?

    function CheckDropDown(sFieldID,sNumID) {
        if (!document.getElementById(sFieldID).checked) {
            document.getElementById(sNumID).selectedIndex = document.getElementById(sNumID).options[0];
        }
        else {
            document.getElementById(sNumID).selectedIndex = document.getElementById(sNumID).options[1];
        }
    }
 

This function is called OnClick of course. So it should check to see whether the checkbox is checked... and if it isn't, reset the respective dropdown list to index 0 ("select") and if it is checked, set it to the lowest option in the dropdown list which will be at index 1.

However, no matter whether the box is checked or not, it always sets it to index 0, which is fine when the user unchecks the checkbox, but not when the user checks the checkbox. Not sure why it's doing this, it looks like it should work.

Thanks guys.

Sincerely,
Mark

[markrawlingson]

Nevermind, I fixed this problem by referring the the selectedIndex as 1.

Now this script works perfectly in IE but does not work what so ever in firefox.

Can anyone point out why?

Sincerely,
Mark

[acoder]

Now this script works perfectly in IE but does not work what so ever in firefox.

Can anyone point out why?

Show the code for the dropdown.