This page hightlights a bug in the Opera 9 web browser. The radio buttons control the gray div below that has a small select box in it. The 'Get Value' button reads back the value of the select box. Notice that when the div is visible, then the select box changes when the 1/2/3/4 buttons are pressed -- javascript is used to change the selectedIndex of the select box as each of the radio buttons is pressed.

To see the bug, follow this sequence:

1. Refresh your browser - Visibility and Display should be set to visible, Value should be set to 1, and the select box should be showing 1.
2. Press the 'Get Value' button. The message box should show 1. This is good - the select box is returning to javascript the same value it is displaying.
3. Change Display to none. The gray div should disappear.
4. Click the 4 radio button.
5. Change Display to visible. The gray div should re-appear.
6. Press the 'Get Value' button. The message box will show 1. This is bad - the select box is returning to javascript a DIFFERENT value than it is displaying.

Why is this important? Tabbed web interfaces typically have display:none set for hidden tabs. When scripts try to update select boxes on the hidden tabs, script will succeed, but the user will be unable to see the result.

Tested with Opera 9.00 and 9.01 (bug present); version 8.5 works correctly; version 9.5b1 works correctly.