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