1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
content / test / data / accessibility / event / aria-combo-box-next.html [blame]
<!DOCTYPE html>
<html>
<body>
<input role="combobox" type="search" aria-expanded="true" aria-haspopup="true" aria-autocomplete="list"
aria-activedescendant="option1" aria-owns="list">
<ul id="list" role="listbox">
<li id="option1" role="option">Apple</li>
<li id="option2" role="option">Orange</li>
<li id="option3" role="option">Banana</li>
</ul>
<script>
document.querySelector('input').focus();
var option = 2;
function go() {
var combo_box = document.querySelector('input');
combo_box.setAttribute('aria-activedescendant', 'option' + option);
return option++ < 3;
}
</script>
</body>
</html>