aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/htmlselectelement/selectedindex
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-10-02 17:20:24 +0200
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-10-02 17:30:20 +0200
commit1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch)
tree30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/htmlselectelement/selectedindex
parentc05efa8d7ae464235cf83d7c0956e42dc6974103 (diff)
downloadtranslated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz
translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2
translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip
convert content to md
Diffstat (limited to 'files/fr/web/api/htmlselectelement/selectedindex')
-rw-r--r--files/fr/web/api/htmlselectelement/selectedindex/index.md77
1 files changed, 32 insertions, 45 deletions
diff --git a/files/fr/web/api/htmlselectelement/selectedindex/index.md b/files/fr/web/api/htmlselectelement/selectedindex/index.md
index 4000816569..06ceeefc60 100644
--- a/files/fr/web/api/htmlselectelement/selectedindex/index.md
+++ b/files/fr/web/api/htmlselectelement/selectedindex/index.md
@@ -3,67 +3,54 @@ title: HTMLSelectElement.selectedIndex
slug: Web/API/HTMLSelectElement/selectedIndex
translation_of: Web/API/HTMLSelectElement/selectedIndex
---
-<div>{{APIRef("HTML DOM")}}</div>
+{{APIRef("HTML DOM")}}
-<p><code><strong>HTMLSelectElement.selectedIndex</strong></code> est un <code>long</code> qui représente l'index du premier élément sélectionné {{HTMLElement("option")}}. La valeur <code>-1</code> indique qu'aucun élément est sélectionné.</p>
+**`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é.
-<h2 id="Syntaxe">Syntaxe</h2>
+## Syntaxe
-<pre class="syntaxbox">var <var>index</var> = <var>selectElem</var>.selectedIndex;
-<em>selectElem<code>.selectedIndex = </code>index;</em>
-</pre>
+ var index = selectElem.selectedIndex;
+ selectElem.selectedIndex = index;
-<h2 id="Exemple">Exemple</h2>
+## Exemple
-<h3 id="HTML">HTML</h3>
+### HTML
-<pre class="brush: html">&lt;p id="p"&gt;selectedIndex: 0&lt;/p&gt;
+```html
+<p id="p">selectedIndex: 0</p>
-&lt;select id="select"&gt;
- &lt;option selected&gt;Option A&lt;/option&gt;
- &lt;option&gt;Option B&lt;/option&gt;
- &lt;option&gt;Option C&lt;/option&gt;
- &lt;option&gt;Option D&lt;/option&gt;
- &lt;option&gt;Option E&lt;/option&gt;
-&lt;/select&gt;
-</pre>
+<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>
+```
-<h3 id="JavaScript">JavaScript</h3>
+### JavaScript
-<pre class="brush: js">var selectElem = document.getElementById('select');
+```js
+var selectElem = document.getElementById('select');
var pElem = document.getElementById('p');
-// Quand une nouvelle &lt;option&gt; est selectionnée
+// Quand une nouvelle <option> est selectionnée
selectElem.addEventListener('change', function() {
var index = selectElem.selectedIndex;
- // Rapporter cette donnée au &lt;p&gt;
+ // Rapporter cette donnée au <p>
pElem.innerHTML = 'selectedIndex: ' + index;
-})</pre>
+})
+```
-<p>{{EmbedLiveSample("Exemple", "200px", "80px")}}</p>
+{{EmbedLiveSample("Exemple", "200px", "80px")}}
-<h2 id="Spécifications">Spécifications</h2>
+## Spécifications
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaire</th>
- </tr>
- <tr>
- <td>{{SpecName('HTML WHATWG', '#dom-select-selectedindex', 'HTMLSelectElement')}}</td>
- <td>{{Spec2('HTML WHATWG')}}</td>
- <td>Pas de changement depuis le snapshot précédent, {{SpecName("HTML5 W3C")}}.</td>
- </tr>
- <tr>
- <td>{{SpecName('HTML5 W3C', 'forms.html#dom-select-selectedindex', 'HTMLSelectElement')}}</td>
- <td>{{Spec2('HTML5 W3C')}}</td>
- <td>Définition initiale, snapshot de {{SpecName("HTML WHATWG")}}.</td>
- </tr>
- </tbody>
-</table>
+| 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")}}. |
-<h2 id="Compatibilité_entre_les_navigateurs">Compatibilité entre les navigateurs</h2>
+## Compatibilité entre les navigateurs
-<p>{{Compat("api.HTMLSelectElement.selectedIndex")}}</p>
+{{Compat("api.HTMLSelectElement.selectedIndex")}}