1

const optionsFilter = document.getElementById("selection");

optionsFilter.addEventListener("click",() =>{

    let condition = optionsFilter.children;

    for (i=0;i<condition.length;i++){
        console.log(condition[i].text);
    }

    
    


});
<div class="dropdown-menu" aria-labelledby="navbarDropdown" id="selection">

                                    <a class="dropdown-item" href="#">Bug</a>
                                    <a class="dropdown-item" href="#">Dragon</a>
                                    <a class="dropdown-item" href="#">Electric</a>
                                    <a class="dropdown-item" href="#">Fighting</a>
                                    <a class="dropdown-item" href="#">Fire</a>
                                    <a class="dropdown-item" href="#">Bug</a>
                                </div>

lo que quiero es capturar el valor del texto del a para realizar un filtro de acuerdo a ese valor, accedo a el pero no se como capturarlo cuando el usuario haga clic en la elección respectiva

1 respuesta 1

1

Necesitas capturar el evento y desplegar el text del target asi:

const optionsFilter = document.getElementById("selection");

optionsFilter.addEventListener("click",(e) =>{

    console.log(e.target.text);  
  
});
<div class="dropdown-menu" aria-labelledby="navbarDropdown" id="selection">

                                    <a class="dropdown-item" href="#">Bug</a>
                                    <a class="dropdown-item" href="#">Dragon</a>
                                    <a class="dropdown-item" href="#">Electric</a>
                                    <a class="dropdown-item" href="#">Fighting</a>
                                    <a class="dropdown-item" href="#">Fire</a>
                                    <a class="dropdown-item" href="#">Bug</a>
                                </div>

2
  • 1
    Muchas gracias me funciono, saludos Commented el 2 may. 2019 a las 22:27
  • @NohemiMartinez marca correcta la pregunta
    – hubman
    Commented el 2 may. 2019 a las 22:28

Tu Respuesta

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

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