llevo varios días intentando hacer funcionar un código pero me ha resultado imposible....Espero que alguien me pueda ayudar...
El tema es que en un html tengo que meter un select que tira de un array realizado en javascript, y para ello he creado el siguiente código:
var coches = [
{
"nombre": "audi",
"modelo": "a6",
},
{
"nombre": "bmw",
"modelo": "ce3",
},
]
var list = document.getElementById("coches");
list.size = coches.length;
function createTipoElement(tipo) {
var option = document.createElement("option");
option.textContent = tipo.nombre;
list.appendChild(option);
return option;
};
function clearList() {
while (list.firstChild) {
list.removeChild(list.firstChild);
}
}
function displayCoches() {
/* clearList(); */
for (var i = 0; i < coches.length; i++) {
var option = createTipoElement(coches[i]);
option.value = i;
list.appendChild(option);
}
}
displayCoches();
};
En html tengo puesto lo siguiente:
<select id="coches" onChange="myFunction"></select>
Pues bien, me muestra muy bien la lista, puedo seleccionar un modelo de coche, pero lo que no sé como hacer es que al seleccionar una de las opciones me salga el dato por ejemplo: Nombre de coche: Audi Modelo: A6......
Es decir, que al seleccionar una de las opciones de la lista, se rellenen unos campos en el html con los datos del array.....
Disculpas por el tostón que ha quedado pero necesito de vuestra ayuda!!!!
