Tengo 3 cartas, donde quiero que se muestre la misma lista desplegable que toma los datos de un array. HTML:
<div class="card" style="width: 20rem;">
<img src="./visa-logo-1.png" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title">Visa</h5>
<select id="Formulario" class="formbank" aria-label="Default select example">
<option selected>Banco Emisor</option>
</select>
<button class="botonBanco" type="button">Seleccionar</button>
</div>
JS:
function mostrar_Bancos()
{
TodosBancos.forEach(i => {
document.getElementById("Formulario").innerHTML += "<option value='" +i.nombre+"'> "+i.nombre+ "</option>";
console.log(i.nombre)});
{
}
}
mostrar_Bancos();
El array se llama TodosBancos. Cuando uso el getElementsByClassName no me funciona, solo con el id
function mostrar_Bancos() {
TodosBancos.forEach(i => {
document.getElementsByClassName("formBank").innerHTML += "<option value='" +i.nombre+"'> "+i.nombre+ "</option>";
console.log(i.nombre)
});
{}
}
mostrar_Bancos();
function mostrar_Bancos() { TodosBancos.forEach(i => { document.getElementsByClassName("formBank").innerHTML += "<option value='" +i.nombre+"'> "+i.nombre+ "</option>"; console.log(i.nombre)}); { } } mostrar_Bancos();