From c05efa8d7ae464235cf83d7c0956e42dc6974103 Mon Sep 17 00:00:00 2001 From: julieng Date: Sat, 2 Oct 2021 17:20:14 +0200 Subject: move *.html to *.md --- .../fr/web/api/htmloptionelement/option/index.html | 100 --------------------- files/fr/web/api/htmloptionelement/option/index.md | 100 +++++++++++++++++++++ 2 files changed, 100 insertions(+), 100 deletions(-) delete mode 100644 files/fr/web/api/htmloptionelement/option/index.html create mode 100644 files/fr/web/api/htmloptionelement/option/index.md (limited to 'files/fr/web/api/htmloptionelement/option') diff --git a/files/fr/web/api/htmloptionelement/option/index.html b/files/fr/web/api/htmloptionelement/option/index.html deleted file mode 100644 index 975d2cc634..0000000000 --- a/files/fr/web/api/htmloptionelement/option/index.html +++ /dev/null @@ -1,100 +0,0 @@ ---- -title: Option() -slug: Web/API/HTMLOptionElement/Option -tags: - - API - - Constructeur - - HTML DOM - - HTMLOptionElement -translation_of: Web/API/HTMLOptionElement/Option ---- -
{{APIRef("HTML DOM")}}
- -

Le constructeur Option() permet de créer un nouvel objet {{domxref("HTMLOptionElement")}}.

- -

Syntaxe

- -
var optionElementReference = new Option(text, value, defaultSelected, selected);
- -

Parameters

- -
-
text {{optional_inline}}
-
Une chaîne de caractères {{domxref("DOMString")}} représentant le contenu de l'élément, c'est-à-dire le texte affiché. Si cet argument n'est pas spécifié, c'est la chaîne vide qui sera utilisée.
-
value {{optional_inline}}
-
Une chaîne de caractères {{domxref("DOMString")}} représentant la valeur de {{domxref("HTMLOptionElement")}}, c’est-à-dire l’attribut HTML value de l'élément {{htmlelement("option")}}. Si cet argument n'est pas fourni, ce sera la valeur de text qui sera reprise comme valeur (par exemple pour l'élément {{htmlelement("select")}} associé lorsque le formulaire est envoyé au serveur).
-
defaultSelected {{optional_inline}}
-
Un {{domxref("Boolean")}} qui définit la valeur de l'attribut {{htmlattrxref("selected", "option")}}, c'est-à-dire que cette {{htmlelement("option")}} sera la valeur par défaut sélectionné dans l'élément {{htmlelement("select")}} lors du premier chargement de la page. S'il n'est pas spécifié, la valeur false sera utilisée par défaut.
-
selected {{optional_inline}}
-
Un {{domxref("Boolean")}} qui définit l'état sélectionné de l'option, la valeur par défaut est false (non sélectionné). Si cet argument est absent et même si l'argument defaultSelected vaut true, l'option ne sera pas pas sélectionnée.
-
- -

Exemples

- -

Ajouter de nouvelles options

- -
/* Imaginons qu'on ait le code HTML suivant dans le document
-<select id='s'>
-
-</select>
-*/
-
-var s = document.getElementById('s');
-var options = [Quatre, Cinq, Six];
-
-options.forEach(function(element,key) {
-    s[key] = new Option(element,key);
-});
-
- -

Ajouter des options avec différents paramètres

- -
/* Imaginons qu'ont ait le code HTML suivant dans le document
-<select id="s">
-  <option>Premier</option>
-  <option>Deuxième</option>
-  <option>Troisième</option>
-</select>
-*/
-
-var s = document.getElementById('s');
-var options = [ 'zéro', 'un', 'deux' ];
-
-options.forEach(function(element, key) {
-  if (element == 'zéro') {
-    s[s.options.length] = new Option(element, s.options.length, false, false);
-  }
-  if (element == 'un') {
-    s[s.options.length] = new Option(element, s.options.length, true, false); // Ajouter l'attribut "selected"
-  }
-  if (element == 'deux') {
-    s[s.options.length] = new Option(element, s.options.length, false, true); // Sélectionnera l'option
-  }
-});
-
-/* Résultat dans le DOM / HTML modifié :
-<select id="s">
-  <option value="0">zéro</option>
-  <option value="1" selected="">un</option>
-  <option value="2">deux</option> // L'utilisateur verra cette option sélectionnée
-</select>
-*/
- -

Spécifications

- - - - - - - - - - - - - - - - -
SpécificationÉtatCommentaires
HTML5 La définition de Option dans cette spécification.Recommendation
diff --git a/files/fr/web/api/htmloptionelement/option/index.md b/files/fr/web/api/htmloptionelement/option/index.md new file mode 100644 index 0000000000..975d2cc634 --- /dev/null +++ b/files/fr/web/api/htmloptionelement/option/index.md @@ -0,0 +1,100 @@ +--- +title: Option() +slug: Web/API/HTMLOptionElement/Option +tags: + - API + - Constructeur + - HTML DOM + - HTMLOptionElement +translation_of: Web/API/HTMLOptionElement/Option +--- +
{{APIRef("HTML DOM")}}
+ +

Le constructeur Option() permet de créer un nouvel objet {{domxref("HTMLOptionElement")}}.

+ +

Syntaxe

+ +
var optionElementReference = new Option(text, value, defaultSelected, selected);
+ +

Parameters

+ +
+
text {{optional_inline}}
+
Une chaîne de caractères {{domxref("DOMString")}} représentant le contenu de l'élément, c'est-à-dire le texte affiché. Si cet argument n'est pas spécifié, c'est la chaîne vide qui sera utilisée.
+
value {{optional_inline}}
+
Une chaîne de caractères {{domxref("DOMString")}} représentant la valeur de {{domxref("HTMLOptionElement")}}, c’est-à-dire l’attribut HTML value de l'élément {{htmlelement("option")}}. Si cet argument n'est pas fourni, ce sera la valeur de text qui sera reprise comme valeur (par exemple pour l'élément {{htmlelement("select")}} associé lorsque le formulaire est envoyé au serveur).
+
defaultSelected {{optional_inline}}
+
Un {{domxref("Boolean")}} qui définit la valeur de l'attribut {{htmlattrxref("selected", "option")}}, c'est-à-dire que cette {{htmlelement("option")}} sera la valeur par défaut sélectionné dans l'élément {{htmlelement("select")}} lors du premier chargement de la page. S'il n'est pas spécifié, la valeur false sera utilisée par défaut.
+
selected {{optional_inline}}
+
Un {{domxref("Boolean")}} qui définit l'état sélectionné de l'option, la valeur par défaut est false (non sélectionné). Si cet argument est absent et même si l'argument defaultSelected vaut true, l'option ne sera pas pas sélectionnée.
+
+ +

Exemples

+ +

Ajouter de nouvelles options

+ +
/* Imaginons qu'on ait le code HTML suivant dans le document
+<select id='s'>
+
+</select>
+*/
+
+var s = document.getElementById('s');
+var options = [Quatre, Cinq, Six];
+
+options.forEach(function(element,key) {
+    s[key] = new Option(element,key);
+});
+
+ +

Ajouter des options avec différents paramètres

+ +
/* Imaginons qu'ont ait le code HTML suivant dans le document
+<select id="s">
+  <option>Premier</option>
+  <option>Deuxième</option>
+  <option>Troisième</option>
+</select>
+*/
+
+var s = document.getElementById('s');
+var options = [ 'zéro', 'un', 'deux' ];
+
+options.forEach(function(element, key) {
+  if (element == 'zéro') {
+    s[s.options.length] = new Option(element, s.options.length, false, false);
+  }
+  if (element == 'un') {
+    s[s.options.length] = new Option(element, s.options.length, true, false); // Ajouter l'attribut "selected"
+  }
+  if (element == 'deux') {
+    s[s.options.length] = new Option(element, s.options.length, false, true); // Sélectionnera l'option
+  }
+});
+
+/* Résultat dans le DOM / HTML modifié :
+<select id="s">
+  <option value="0">zéro</option>
+  <option value="1" selected="">un</option>
+  <option value="2">deux</option> // L'utilisateur verra cette option sélectionnée
+</select>
+*/
+ +

Spécifications

+ + + + + + + + + + + + + + + + +
SpécificationÉtatCommentaires
HTML5 La définition de Option dans cette spécification.Recommendation
-- cgit v1.2.3-54-g00ecf