select-required-multiple-valid-changed.html 879 B

12345678910111213141516171819202122232425
  1. <!DOCTYPE html>
  2. <html class='reftest-wait'>
  3. <head>
  4. <script>
  5. function doTest() {
  6. document.getElementById('s').options[0].selected = false;
  7. document.getElementById('s').options[1].selected = false;
  8. document.getElementById('s').options[0].selected = true;
  9. document.getElementById('s').options[1].selected = true;
  10. document.documentElement.className='';
  11. }
  12. document.addEventListener("MozReftestInvalidate", doTest, false);
  13. </script>
  14. </head>
  15. <!-- Test: if select is required and has at least one option selected and the
  16. selection did changed, :-moz-ui-valid should not apply. -->
  17. <link rel='stylesheet' type='text/css' href='style.css'>
  18. <body>
  19. <select id='s' class='valid' required multiple>
  20. <option selected></option>
  21. <option selected>foo</option>
  22. </select>
  23. </body>
  24. </html>