third_party/WebKit/LayoutTests/fast/forms/select/listbox-with-display-none-option.html

   1 <!doctype html>
   2 <html>
   3 <head>
   4 </head>
   5 <body>
   6 <p>
   7     The select list box should not display items (options and optgroups) with style "display: none".
   8 </p>
   9 <select size="7">
  10     <option>One</option>
  11     <option>Two</option>
  12     <option>Three</option>
  13     <option style="display: none">Four</option>
  14     <option>Five</option>
  15     <option id='56' style="display: none">Six</option>
  16     <option>Seven</option>
  17 </select>
  18 <select size="7">
  19     <option>One</option>
  20     <option>Two</option>
  21     <option>Three</option>
  22     <optgroup label="***45***">
  23         <option style="display: none">Four</option>
  24         <option>Five</option>
  25     </optgroup>
  26     <option style="display: none">Six</option>
  27     <option>Seven</option>
  28 </select>
  29 <select size="7">
  30     <option>One</option>
  31     <option>Two</option>
  32     <option id="13">Three</option>
  33     <optgroup label="***45***">
  34         <option>Four</option>
  35         <option id="15">Five</option>
  36     </optgroup>
  37     <option>Six</option>
  38     <option>Seven</option>
  39 </select>
  40 <select size="8">
  41     <option>One</option>
  42     <option>Two</option>
  43     <option>Three</option>
  44     <optgroup id="24" label="**456**" style="display: none">
  45         <option>Four</option>
  46         <option>Five</option>
  47         <option>Six</option>
  48     </optgroup>
  49     <option>Seven</option>
  50 </select>
  51 <select size="8">
  52     <option>One</option>
  53     <option>Two</option>
  54     <option>Three</option>
  55     <optgroup id="34" label="**456**">
  56         <option>Four</option>
  57         <option>Five</option>
  58         <option>Six</option>
  59     </optgroup>
  60     <option>Seven</option>
  61 </select>
  62 <select size="8">
  63     <option>One</option>
  64     <option>Two</option>
  65     <option>Three</option>
  66     <optgroup id="44" label="**456**" style="display: none">
  67         <option>Four</option>
  68         <option>Five</option>
  69         <option>Six</option>
  70     </optgroup>
  71     <option>Seven</option>
  72 </select>
  73
  74 <script>
  75 var elem = document.getElementById('13');
  76 elem.style.display = 'none';
  77 elem = document.getElementById('15');
  78 elem.style.display = 'none';
  79 elem = document.getElementById('34');
  80 elem.style.display = 'none';
  81 elem = document.getElementById('44');
  82 elem.style.display = 'block';
  83 elem = document.getElementById('56');
  84 elem.style.display = 'block';
  85 </script>
  86
  87 </body>
  88 </html>
  89