layout/reftests/forms/select/dynamic-boguskids.html

   1 <!DOCTYPE html>
   2 <html>
   3   <head>
   4     <script>
   5     function doIt() {
   6       var insertions = [
   7         [ "opt1", "Shouldn't see me" ],
   8         [ "opt2", "Or me" ],
   9         [ "opt3", "I should hide too" ],
  10         [ "opt4", "And me too" ]
  11       ];
  12       for (var i = 0; i < insertions.length; ++i) {
  13         var next = document.getElementById(insertions[i][0]);
  14         next.parentNode.insertBefore(document.createTextNode(insertions[i][1]),
  15                                      next);
  16       }
  17       document.getElementById("sel").appendChild(document.createTextNode("And I"));
  18     }
  19     </script>
  20   </head>
  21   <body onload="doIt()">
  22     <select size="10" id="sel">
  23       <option id="opt1">one</option>
  24       <option id="opt2">two</option>
  25       <optgroup>
  26         <option id="opt3">three</option>
  27         <option id="opt4">four</option>
  28       </optgroup>
  29     </select>
  30   </body>
  31 </html>