| <head> |
| </head> |
| <body> |
| <form> |
| <select id="multiSelectElement" multiple="mulitple"> |
| <option>one</option> |
| <option>two</option> |
| <option>three</option> |
| </select> |
| <select id="singleSelectElement" size="3"> |
| <option>one</option> |
| <option>two</option> |
| <option>three</option> |
| </select> |
| <input id="resetButton" type="reset"> |
| </form> |
| <p>This test verifies that list-box-style select form controls with no |
| "selected" attributes are properly cleared when reset. |
| <p>You should see two element IDs below, and the word "SUCCESS" twice: |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| var button = document.getElementById("resetButton"); |
| |
| function test(elementId) |
| { |
| var testSelectElement = document.getElementById(elementId); |
| var result = "FAILED"; |
| if (testSelectElement.selectedIndex == -1) |
| { |
| testSelectElement.selectedIndex = 1; |
| button.click(); |
| if (testSelectElement.selectedIndex == -1) |
| result = "SUCCESS"; |
| } |
| document.writeln("<p>" + elementId + ": " + result + "</p>"); |
| } |
| test("multiSelectElement"); |
| test("singleSelectElement"); |
| </script> |
| </body> |
| </html> |
