méthode HTML DOM Select add ()
Sélectionner des objets Définition et utilisation
méthode add () est utilisée pour <select> Ajouter une <option> élément.
grammaire
selectObject.add(option,before)
| 参数 | 描述 |
|---|---|
| option | 必需。要添加选项元素。必需是 option 或 optgroup 元素。 |
| before | 必需。在选项数组的该元素之前增加新的元素。如果该参数是null，元素添加到选项数组的末尾。 |
support du navigateur
Tous les principaux navigateurs prennent en charge ajouter () Méthode
Astuce: ajouter () méthode nécessite la page de présentation dans IE8 et versions ultérieures de IE DOCTYPE !.
Exemples
Exemples
L'exemple suivant peut être ajouté à une option "kiwi" à la fin de la liste déroulante:
<! DOCTYPE html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
fonction displayResult () {
var x = document.getElementById ( "MySELECT");
option var = document.createElement ( "option");
option.text = "Kiwi";
try {
// Pour les versions antérieures de IE8
x.add (option, x.options [null]);
} Catch (e) {
x.add (option, null);
}
}
</ Script>
</ Head>
<Body>
<Form>
<Sélectionnez id = "MySELECT">
<Option> Apple </ option>
<Option> Pear </ option>
<Option> Banana </ option>
<Option> Orange </ option>
</ Select>
</ Form>
<br>
<Bouton type = "button" onclick = "displayResult ()"> Options d'insertion </ button>
<P> <b> Remarque: </ b> ajouter () méthode fonctionne très bien dans IE8 ou tard, d'ajouter une déclaration DOCTYPE dans la page !. A noter également que le code supplémentaire à la version précédente de IE 8. </ P>
</ Body>
</ Html>
<Html>
<Head>
<Meta charset = "utf-8">
<Titre> Ce tutoriel (w3big.com) </ title>
<Script>
fonction displayResult () {
var x = document.getElementById ( "MySELECT");
option var = document.createElement ( "option");
option.text = "Kiwi";
try {
// Pour les versions antérieures de IE8
x.add (option, x.options [null]);
} Catch (e) {
x.add (option, null);
}
}
</ Script>
</ Head>
<Body>
<Form>
<Sélectionnez id = "MySELECT">
<Option> Apple </ option>
<Option> Pear </ option>
<Option> Banana </ option>
<Option> Orange </ option>
</ Select>
</ Form>
<br>
<Bouton type = "button" onclick = "displayResult ()"> Options d'insertion </ button>
<P> <b> Remarque: </ b> ajouter () méthode fonctionne très bien dans IE8 ou tard, d'ajouter une déclaration DOCTYPE dans la page !. A noter également que le code supplémentaire à la version précédente de IE 8. </ P>
</ Body>
</ Html>
Essayez »
D'autres exemples
Avant que la liste déroulante de l'option sélectionnée pour ajouter des options
Sélectionner des objets