0

tengo un ejercicio en el cual se me pide agregar dentro de una etiqueta <select> </select> distintos paises como <option></option> para poder desplegar una lista, pero debo agregarlos mediante javascript utilizando DOM. Mi código es el siguiente:

window.onload = function() {
    let countries = ["USA", "France", "Italy", "Brazil", "Colombia", "Belize", "Venezuela"];
    // your code here

    let optionTag = document.createElement("option");
    document.querySelector("#mySelect").appendChild(optionTag);
    optionTag.innerHTML = countries;
};

El problema con mi código es que estoy agregando el array completo como si fuera solo 1 opcion dentro de la etiqueta <select></select> y no cada pais por separado. El siguiente es mi codigo HTML.

<body>
    <select id="mySelect">
        <option value="-1">Select your country</option>
        </select>
        <button onClick="alert('asdasd');">Hello</button>
    <script type="text/javascript" src="./index.js"></script>
</body>

1 respuesta 1

0

window.onload = function() {
    let countries = ["USA", "France", "Italy", "Brazil", "Colombia", "Belize", "Venezuela"];
    // your code here

    
    countries.forEach(element => {
       let optionTag = document.createElement("option");
    document.querySelector("#mySelect").appendChild(optionTag);
    optionTag.innerHTML = element;
    });
   
};
<body>
    <select id="mySelect">
        <option value="-1">Select your country</option>
        </select>
        <button onClick="alert('asdasd');">Hello</button>
    <script type="text/javascript" src="./index.js"></script>
</body>

Recuerda que con JS puedes iterar sobre tus arreglos y generar una funcion flecha con tus acciones:

Array.foreach(element=>{/*TODO*/})

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.