hi i have created a drop down as below
what happens is that onChange I do some check and based on this check I would like to show the user some other option, other than the one selected.
For example
if the user selects one i want to show in the drop down three
if the user selects two i want to show in the drop down one
if the user selects three i want to show in the drop down one

i use the statement

I have simillar checks for all conditions
This works in IE but not in firefox. so how do id solve this problem

many thanks in advance

Try this one. I've checked it for Firefox.

<select name="test" id = 'test' onChange="Toggle()">
.................................................. ..
</select>


and use following function

function Toggle() {

if(document.getElementById('test').value == 'three')
 document.getElementById('test').value = 'one';

}

I agree, getElementById is pretty well supported and should be more robust than control.options (at least I'm not familiar with it).

I'd make one small change. If user has javascript disabled, this could throw errors. That's a pretty common problem because Microsoft has pretty much thrown up its hands trying to provide javascript security. A lot of times IE ships with JS disabled by default. The function will be more stable if you make this statement the first line of the Toggle() function...

if (!document.getElementById) return;

That way if the browser doesn't respond to the getElementById request, the script terminates. The script won't run, but neither will it throw errors; it's a "progressive enhancement" technique.

-------------------------

Whatever you can do or dream you can, begin it. Boldness has genius, power and magic in it. Begin it now.
-Johann von Goethe

When Two Hearts Race... Both Win.
-Dove Chocolate Wrapper

Chroniclemaster1, Founder of www.EarthChronicle.com
A Growing History of our Planet, by our Planet, for our Planet.

taking notice :)
Thanks

Best,
Anna