select-option-in-onload.html   [plain text]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"" /> 
    <title>Programmatically selected popup item not shown</title>
    <script type="text/javascript"> 
        function testMyPopup() {
            var myPopup = document.getElementById('testPopup');
            for (var i = 0; i < myPopup.options.length; i++) {
                if (myPopup.options[i].value == "2")
                    myPopup.options[i].selected = true;
    <body onload="testMyPopup();">
        <p>The popup below has the item "FAIL" selected by default in the html, but a javascript function
        triggered from the body's onload changed it to "PASS" (assuming you saw an alert telling you so).</p> 
        <p>Problem: In old versions of WebKit the change was not visible until you click on the popup.</p>
        <form action="get">
            <select id="testPopup">
                <option value="0"></option>
                <option value="1">One</option>
                <option value="2">PASS</option>
                <option value="3" selected="selected">FAIL</option>