1

Les escribo por problemas con un select, que aunque se que han solventado bastantes dudas con respecto a este tema, no he encontrado nada en internet que me ayudara.

 function desplegar(){
    var valor = document.getElementById(desplegar);
    var texto = valor.options[valor.selectedIndex].text;
    alert(texto); 
 }
<select id=“desplegar” onchange=desplegar()>
  <optgroup label=“a”>
    <option>b</option>
    <option>c</option>
  </optgroup>
  <optgroup label=“d”>
    <option>e</option>
    <option>f</option>
  </optgroup>
</select>

    

Esta ha sido una opción muy simple pero que muchos usan, donde se supone debería tomar lo guardado en el id "desplegar" y luego obtener el texto de la opción seleccionada he imprimirlo en forma de alert, pero la linea var texto = valor.options[valor.selectedIndex].text; indica lo siguiente:

null is not an object (evaluating 'valor.options'

También he alternado entre otras opciones pero no me acepta parámetros como options, selectedIndex y otros relacionados Les agradezco por su servicio.

2
  • Es decir debe mostrar e o f en un alert al momento de elegirlos?
    – BetaM
    el 23 jul. 2020 a las 5:23
  • Te faltó poner entre comillas ID del elemento: var valor = document.getElementById('desplegar');
    – Triby
    el 23 jul. 2020 a las 18:40

1 respuesta 1

3

Si lo que deseas es obtener el texto del option seleccionado puedes hacerlo de la siguiente manera:

function desplegar(){
    var valor = document.querySelector('select[id=“desplegar”] option:checked').text;
   alert(valor);
 }
<select id=“desplegar” onchange=desplegar()>
  <optgroup label=“a”>
    <option>b</option>
    <option>c</option>
  </optgroup>
  <optgroup label=“d”>
    <option>e</option>
    <option>f</option>
  </optgroup>
</select>

Con document.querySelector() y dentro del selector apuntas al select y después a la opción seleccionada solventas el problema de null aparte de ser mas eficiente al usar solo una variable.

2
  • Muchísimas gracias por la inmediatez de su respuesta, me sirvió a la perfección. honestamente no sé por qué la opción que yo publiqué no me funcionaba pero esta sirve a perfección. ¿tengo que hacer algo para cerrar este hilo como corregido o solo voto tu respuesta como correcta y dejo de responder?
    – Adrián21
    el 23 jul. 2020 a las 18:08
  • 1
    @Adrián21 si consideras que la respuesta es correcta te invito a pulsar el el tic que aparece cerca de las votaciones, así recibes algo de reputación y dejas cerrada la pregunta para que otros con el mismo problema puedan encontrar la solucion, aparte que recibiremos algo de reputación. No te funcionaba por varios motivos, el primero, en getElementById tienes que poner el elemento buscado como string "desplegar", otro que se escapa de mi conocimiento, no te encontraba el elemento y te rellenaba la variable como null, dándote ese fallo el 24 jul. 2020 a las 6:57

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.