Dudas Select y arrays

[josepeet_4]

Hola, tengo dudas sobre los select y los arrays:

- El tema es que necesito llenar los select a partir del array.
- Luego al seleccionar en el select en apartado que yo quiera, se tiene que cambiar la imagen. Es decir, en el select al seleccionar la opcion que yo quiera (que proviene del array), tambien se tiene que cambiar la imagen que este relacionada con dicha opcion.
No se como "associar" todo esto.
He intentado de mil manera, he buscado y nada.

[IsaBelM]

para rellenar el select usa, por ejemplo for in
con respecto al segundo problema. has de usar el evento onchange sobre el select. cuando se produzca el evento sobreescribes el src de la imágen con la nueva ruta

[maycolalvarez]

1 - ¿array de quíen, de JS o del script del lado del server que uses?:
si es de JS lo más recomendable es concatenar la estructura del select en una variable y asignarselo al innerHTML de una capa, ejemplo:

Código Javascript:

document.getElementById('id_div').innerHTML = '<select name="nombre"><option>opcion1</option></select>';
 

2 - en el evento onchange del select puedes hacer lo otro

[josepeet_4]

Sí es de JS.
maycolalvarez: pero asi el select, coge los datos del array?

[maycolalvarez]

Iniciado por josepeet_4

Sí es de JS.
maycolalvarez: pero asi el select, coge los datos del array?

claro que tendrías que recorrer el array e ir concatenando en el value de cada option, lo que te puse fue en ejemplo rápido

[josepeet_4]

Igual es mucho preguntar, pero podrías ponerme el código? No se muy bien como va el JS, estoy empezando

[josepeet_4]

He hecho parte del cogido. Ya tengo los selects con las fotos y todo. Solo me falta lo de los arrays.
Es decir, crear el array y llenar el option del select con el array.

alguien me ayuda?

[IsaBelM]

como recorrer la matriz
añadir opciones al select o con new Option()

[josepeet_4]

Este es el codigo que tengo ahora, pero sigue sin funcionarme.
Alguien puede revisarlo porfavor?

Aqui dejo el HTML

Código HTML:

<div id="div1">
    <select id="consola"><option></option></select>
    </div>
 

Y la parte del script tengo esto:

Código Javascript:

var consolas = new Array ("Playstation", "XBOX", "Wii");
    window.onload = mostrarfoto();
     
    function mostrarfoto() {
                var consola = document.getElementById("consola");
                for (var i = 0; i < consolas.length; i++) {
                    consola.options[i].text = new option (consolas[i]);
                }
            }
 

graciass

[IsaBelM]

no es new option sino new Option

elem.options[indice] = new Option (text, value)