El método Select add() se usa para agregar una opción en una lista desplegable . El método Select add() acepta el número de índice como parámetro para agregar la nueva opción en la posición deseada.
Sintaxis:
selectObject.add(option, index)
Valores de propiedad:
- opción: es un parámetro obligatorio que se utiliza para especificar la opción o el elemento optgroup.
- índice: es un parámetro opcional que se utiliza para especificar la posición del índice para el nuevo elemento de opción.
El siguiente programa ilustra el método Select add:
1. Agregar un curso de «Preparación para entrevistas» en la posición de índice «1» de la lista desplegable.
Aporte:
<!DOCTYPE html>
<html>
<head>
<title>Select add Method in HTML</title>
<style>
h1
{
color:green;
}
h2
{
font-family: Impact;
}
body
{
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>Select add Method</h2><br>
Select your preferred course from the drop-down list:<br>
<select id="myCourses" size="8">
<option value="C++">c++</option>
<option value="Placement">Placement</option>
<option value="Java">Java</option>
<option value="Python">Python</option>
</select>
<p>To add a course titled "Interview Preparation" in the
dropdown list, double-click the "Add" button.</p>
<button ondblclick="My_list()">Add</button>
<script>
function My_list()
{
var d = document.getElementById("myCourses");
var option = document.createElement("option");
option.text = "Interview";
d.add(option, d[1])
}
</script>
</body>
</html>
Salida:
Antes de hacer clic en el botón:
Después de hacer clic en el botón:
Navegadores compatibles:
- safari de manzana
- explorador de Internet
- Firefox
- Google Chrome
- Ópera
Publicación traducida automáticamente
Artículo escrito por Shubrodeep Banerjee y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA