Dom HTML : Objet Select.value

La propriété javascript value

Définition

L'attribut javascript value de l'objet Select du Document Object Model HTML (DOM HTML) permet de connaître et de modifier la valeur de l'option sélectionnée d'une balise HTML ou XHTML SELECT.

Valeur retournée de value

Valeur retournée

L'attribut javascript value de l'objet Select du Document Object Model HTML (DOM HTML) renvoie comme valeur :
- une chaine vide, si pas d'option sélectionnée
- une chaine, valeur de l'attribut "value" de l'option sélectionnée. Dans le cas d'une liste multiple, c'est la valeur de la première option sélectionnée qui est renvoyée.

L'attribut javascript value de l'objet Select du Document Object Model HTML (DOM HTML) accepte une valeur de type String, cependant les navigateurs ne le gèrent pas et amène des choses étranges par exemple Chrome désélectionne l'option.

Exemples de value

Exemple

Voici le document XML :
Exemple de code :
<form id = "formulaire">
  <select id="select" size="4" multiple="multiple">
  <option value="v0">Option 0</option>
  <option value="v1">Option 1</option>
  <option value="v2">Option 2</option>
  <option value="v3">Option 3</option>
</select >
  <button type="button" onclick="select_value()"> Cliquer pour tester l'attribut select.value </button>
</form>

Code javascript :
Exemple de code :
<script type="text/javascript">
var t = false;
function select_value(){
  var oSelect = document.getElementById("select");
  if( t == false && oSelect .selectedIndex != -1 ){
    oSelect.value ='valeur changée';//jamais changée
     t = true;
  }
  alert(oSelect.value);
}
</script>


(Ctrl+click, pour désélectionner l'option)
La balise HTML et XHTML SELECT contient une liste d'options. La balise HTML et XHTML SELECT permet de créer un menu déroulant dans un formulaire.<SELE...[Voir]