2019, L'élément SELECT en HTML/XHTML/DOM/JavaScript
Mais quand plusieurs options sont sélectionnées, il y a deux possibilités : 1. Si l’attribut « multiple » est spécifié => toutes les options sélectionnées seront sélectionnées ; Notez dans le code source ci-dessus que l’ « option » avec la « value » (et son « label ou texte » identique « EBALE ») sont repris deux fois, la première fois non sélectionnée, la deuxième fois sélectionnée. Cela a été respecté dans l’affichage avec Yandex & QupZilla ci-dessous à gauche avec sélection en gris, et Firefox avec sélection en bleu. 2. Si l’attribut « multiple » n’est pas spécifié => c’est la dernière option rencontrée dans la liste à sélection multiple qui est automatiquement sélectionnée [avec les trois navigateurs]. L’accès à un élément HTML/DOM peut se faire de plusieurs manières, soit avec un « document . getElementById ( ) » ou un peu plus délicatement (en respectant le point devant le om de classe) avec un « document . querySelector ( ) », soit très péniblement avec un « document . getElementsByName ( ) ». La méthode « document . querySelector ( ) » utilisée avec l’attribut « class = » a exactement le même effet que la méthode « document . getElementById ( ) » utilisée avec l’attrbut « id = ». Listage de TOUTES les options (les sélectionnées et non), via la méthode « getElementsByName », en indiquant celles qui sont sélectionnées : Les quatre versions/codes ci-après font exactement la même chose, ce sont des façons différentes d’accéder à un élément DOM. Voici un exemple avec « document.getElementsByName » : On obtient bien l’index de l’option sélectionnée, de là à obtenir la value et le text il ne reste qu’un pas (voir page 38 : IV. Avec la « id » ou le « name » de l’élément SELECT).