Recargar <div> según valor de un select

[BlogInn]

Buenas:

Supongo que esto irá aqui porque necesitaré javascript para poder realizarlo, sino fuese asi a ver si un moderador lo mueve :)

Bueno, tengo una pagina que tiene un <div> y fuera de este un select, lo que quiero es que cada vez que cambie el select, se cambie el contenido del <div>, en el div voy a poner embebido un video de youtube y en el select los titulos de los videos. ¿Es posible hacer esto? ¿Como?

Saludos y gracias de antemano!!!

[Bernad]

Sí es posible hacerlo.
Tienes que controlar el evento onChange del select y cuando se lance este evento debes llamar a una función.

Dentro de esta función te creas un array de string con la url de cada vídeo.

Dentro del div debes tener un object, supongo, y ese object tendrá un src que será la url del vídeo, si no me equivoco. Pues bien, debes acceder al object, mediante su ID, por ejemplo, y cambias su propiedad src, añadiéndole la que le corresponda del array que has creado antes.

Es decir, en la función tienes que hacer:
- Crear array de urls. Sigue el mismo orden en las option y en las posiciones del array.
- Accedes al atributo src del object.
- Asignas a este src la posición del array correspondiente a la opción seleccionada:
document.getElementById("myObject").src = myArray[document.getElementById("mySelect").selectedIndex];

Espero que entiendas lo que te intento decir.

Un saludo.

[BlogInn]

Muchas gracias Bernad, voy a ponerme a ver si saco algo en claro jejejeje

[BlogInn]

Vale, funciona perfectamente!!!!

Saludos y gracias!!