listbox-select-reset.html | Explore in Territory

<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>

chromium/third_party/blink/web_tests/fast/forms/select/listbox-select-reset.html