Latest web development tutorials

HTML DOM propriété Valeur de l'option

Option Object Reference Option Object

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

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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>

Essayez »


Option Object Reference Option Object