Home/ Questions/Q 4546806
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-21T16:00:22+00:00

I’m trying to add a select box dynamically to a page with two radio

  • 0

I’m trying to add a select box dynamically to a page with two radio boxes, but the firefox behaviour is strange. Although the first radio button explicitly defined as checked, but selected changes when the page is refreshed (with F5).

The complete html is (view it here):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head></head>
<body>
    <form>
        <div id="txt0"></div>
        <input value="10" type="radio" name="a" checked="checked">
        <input value="11" type="radio" name="a">
    </form>
    <script type="text/javascript">
        window.onload = function(){
            document.getElementById('txt0').innerHTML = '<select name="sa"></select>';    
        };
    </script>
</body>
</html>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It looks like some kind of cache problem. Did some testing:

    • Refresh using CTRL-F5 (bypassing the cache settings) worked.
    • Changing the name of the other radio-input worked.
    • Supplying both inputs with an id didn’t work.
    • Placing #txt0 after the inputs worked.
    • Adding the select-tag using appendChild didn’t work
    • Placing the radio-inputs in a
      separate div didn’t work
    • Using checked or checked=true didn’t work
    • Adding an option to the selectbox didn’t work
    • Placing a div between #txt0 and the first radio input didn’t work
    • Create Select tag after a timeout didn’t work
    • adding meta tags to prevent caching didn’t work
    • adding document.forms[0].a[0].checked = 'checked' worked (doh!)

    Anyway, it is a recognised Firefox problem, so the only thing you can do is use one of the workarounds you find above and wait until ff solves it.

    • 0