HTML DOM propriété Valeur de l'option
Définition et utilisation
ensembles de propriétés de valeur ou retourne la valeur de l'option (lorsque les données sous forme de soumission seront envoyés au serveur).
Conseil: Lorsque le formulaire est soumis arriver si cette option est sélectionnée, la valeur, et sera soumis avec le formulaire.
grammaire
Définissez la propriété de valeur:
optionObject.value="text"
Renvoie la propriété de valeur:
optionObject.value
support du navigateur
Tous les principaux navigateurs prennent en charge la valeur d'attribut
Exemples
Exemples
Afficher les valeurs des options ont choisi:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
fonction displayResult () {
var x = document.getElementById ( "MySELECT") selectedIndex .;
alerte (document.getElementsByTagName ( "option") [x] .value);
}
</ Script>
</ Head>
<Body>
<Form>
Choisissez votre fruit préféré:
<Sélectionnez id = "MySELECT">
<Option value = "pomme"> Apple </ option>
<Option value = "orange"> Orange </ option>
<Option value = "ananas"> Ananas </ option>
<Option value = "banane"> Banana </ option>
</ Select>
</ Form>
<Type Bouton = "button" onclick = "displayResult ()"> sélectionnez fruits de valeur. </ Button>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
fonction displayResult () {
var x = document.getElementById ( "MySELECT") selectedIndex .;
alerte (document.getElementsByTagName ( "option") [x] .value);
}
</ Script>
</ Head>
<Body>
<Form>
Choisissez votre fruit préféré:
<Sélectionnez id = "MySELECT">
<Option value = "pomme"> Apple </ option>
<Option value = "orange"> Orange </ option>
<Option value = "ananas"> Ananas </ option>
<Option value = "banane"> Banana </ option>
</ Select>
</ Form>
<Type Bouton = "button" onclick = "displayResult ()"> sélectionnez fruits de valeur. </ Button>
</ Body>
</ Html>
Essayez »
Option Object