HTML DOM Seleccionar método add ()
Seleccionar objetos Definición y Uso
método add () se utiliza para <select> Agregar un elemento <option>.
gramática
selectObject.add(option,before)
| 参数 | 描述 |
|---|---|
| option | 必需。要添加选项元素。必需是 option 或 optgroup 元素。 |
| before | 必需。在选项数组的该元素之前增加新的元素。如果该参数是null，元素添加到选项数组的末尾。 |
Soporte para el navegador
Todos los principales navegadores soportan método add ()
Consejo: add () método requiere declaración de la página en Internet Explorer 8 y versiones posteriores de IE DOCTYPE !.
Ejemplos
Ejemplos
En el siguiente ejemplo se puede añadir a una opción de "kiwi" al final de la lista desplegable:
<! DOCTYPE html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
displayResult función () {
var x = document.getElementById ( "MySELECT");
var = opción document.createElement ( "opción");
option.text = "kiwi";
try {
// Para versiones anteriores de Internet Explorer 8
x.add (opción, x.options [nula]);
} Catch (e) {
x.add (opción, null);
}
}
</ Script>
</ Head>
<Cuerpo>
<Forma>
<Select id = "MySELECT">
<Opción> Apple </ option>
<Opción> pera </ option>
<Opción> plátano </ option>
<Opción> Orange </ option>
</ Select>
</ Form>
<br>
<Botón type = "button" onclick = "displayResult ()"> Opciones de inserción </ botón>
<P> <b> Nota: </ b> add () método funciona bien en Internet Explorer 8 o posterior, para agregar una declaración DOCTYPE en la página !. También tenga en cuenta que el código adicional a la versión anterior de Internet Explorer 8. </ P>
</ Body>
</ Html>
<Html>
<Head>
<Charset Meta = "UTF-8">
<Title> Este tutorial (w3big.com) </ title>
<Script>
displayResult función () {
var x = document.getElementById ( "MySELECT");
var = opción document.createElement ( "opción");
option.text = "kiwi";
try {
// Para versiones anteriores de Internet Explorer 8
x.add (opción, x.options [nula]);
} Catch (e) {
x.add (opción, null);
}
}
</ Script>
</ Head>
<Cuerpo>
<Forma>
<Select id = "MySELECT">
<Opción> Apple </ option>
<Opción> pera </ option>
<Opción> plátano </ option>
<Opción> Orange </ option>
</ Select>
</ Form>
<br>
<Botón type = "button" onclick = "displayResult ()"> Opciones de inserción </ botón>
<P> <b> Nota: </ b> add () método funciona bien en Internet Explorer 8 o posterior, para agregar una declaración DOCTYPE en la página !. También tenga en cuenta que el código adicional a la versión anterior de Internet Explorer 8. </ P>
</ Body>
</ Html>
Trate »
más ejemplos
Antes de la lista desplegable de la opción seleccionada para añadir opciones
Seleccionar objetos