| <body><form> |
| <select multiple size=5 onchange="change()"><option>1</option><option>2</option></select> |
| </form> |
| <div id=res></div> |
| <script> |
| |
| var select = document.forms[0].elements[0]; |
| var res = document.getElementById("res"); |
| select.focus(); |
| if (window.testRunner) { |
| testRunner.dumpAsText(); |
| eventSender.keyDown("downArrow", []); |
| eventSender.keyDown("downArrow", ["shiftKey"]); |
| } else { |
| res.textContent = "Press down arrow."; |
| } |
| |
| function change() { |
| if (select.firstChild.selected && !select.firstChild.nextSibling.selected) { |
| select.appendChild(new Option("3", "3", false, false)); |
| res.textContent = "Press shift + down arrow."; |
| } else if (select.firstChild.selected && select.firstChild.nextSibling.selected && !select.lastChild.selected) |
| res.textContent = "Success."; |
| else |
| res.textContent = "Failed."; |
| } |
| </script> |