Trabajo con elementos de listas desplegables en JavaScript
Supongamos que tenemos una referencia a la etiqueta
option en una variable. Por ejemplo, obtenida de la siguiente
manera:
let select = document.querySelector('#select');
let option = select[0];
En este caso, la propiedad text contendrá
el texto de la opción, la propiedad value
- el valor del atributo del mismo nombre, y la propiedad
selected - el valor true o
false dependiendo de si el elemento de la
lista está seleccionado o no:
console.log(option.text);
console.log(option.value);
console.log(option.selected);
Recorra los elementos de la lista con un ciclo y para el elemento seleccionado agregue un signo de exclamación al final del texto, y para los elementos no seleccionados - un signo de interrogación.