blob: 06ceeefc60027469b00444ea082c4580efe491c5 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
|
---
title: HTMLSelectElement.selectedIndex
slug: Web/API/HTMLSelectElement/selectedIndex
translation_of: Web/API/HTMLSelectElement/selectedIndex
---
{{APIRef("HTML DOM")}}
**`HTMLSelectElement.selectedIndex`** est un `long` qui représente l'index du premier élément sélectionné {{HTMLElement("option")}}. La valeur `-1` indique qu'aucun élément est sélectionné.
## Syntaxe
var index = selectElem.selectedIndex;
selectElem.selectedIndex = index;
## Exemple
### HTML
```html
<p id="p">selectedIndex: 0</p>
<select id="select">
<option selected>Option A</option>
<option>Option B</option>
<option>Option C</option>
<option>Option D</option>
<option>Option E</option>
</select>
```
### JavaScript
```js
var selectElem = document.getElementById('select');
var pElem = document.getElementById('p');
// Quand une nouvelle <option> est selectionnée
selectElem.addEventListener('change', function() {
var index = selectElem.selectedIndex;
// Rapporter cette donnée au <p>
pElem.innerHTML = 'selectedIndex: ' + index;
})
```
{{EmbedLiveSample("Exemple", "200px", "80px")}}
## Spécifications
| Spécification | Statut | Commentaire |
| ---------------------------------------------------------------------------------------------------------------- | -------------------------------- | --------------------------------------------------------------------------------- |
| {{SpecName('HTML WHATWG', '#dom-select-selectedindex', 'HTMLSelectElement')}} | {{Spec2('HTML WHATWG')}} | Pas de changement depuis le snapshot précédent, {{SpecName("HTML5 W3C")}}. |
| {{SpecName('HTML5 W3C', 'forms.html#dom-select-selectedindex', 'HTMLSelectElement')}} | {{Spec2('HTML5 W3C')}} | Définition initiale, snapshot de {{SpecName("HTML WHATWG")}}. |
## Compatibilité entre les navigateurs
{{Compat("api.HTMLSelectElement.selectedIndex")}}
|
