Entonces, tengo dos menús desplegables en cascada, ambos muestran diferentes imágenes según la selección del usuario. Pero ahora necesito restringir la cantidad de imágenes en el segundo menú desplegable según el valor del primer menú desplegable.

Este es un ejemplo de cómo lo hice con fuentes: https://jsfiddle.net/gjq8ov1h/

Pero ahora, quiero hacer esto con imágenes, pero no sé ni por dónde empezar.

Para tu información, tengo el primer conjunto de imágenes en orden como pic1.jpg, pic2.jpg, pero el segundo conjunto está numerado según sus dimensiones. Puedo cambiar el nombre de ellos con num1, num2, etc. si es necesario.

Usé estas dos funciones para obtener las imágenes:

 var imageList = Array(); for (var i = 1; i <= 8; i++) { imageList[i] = new Image(); imageList[i].src = "Images/image"+i+".jpg"; } function switchImage() { var selectedImage = document.myForm.switch.options[document.myForm.switch.selectedIndex].value; document.myImage.src = imageList[selectedImage].src; }

Y esto para el segundo:

 function swapImage(){ var image = document.getElementById("imageToSwap"); var dropd = document.getElementById("dlist"); image.src = dropd.value; }

Realmente parece que no puedo entenderlo. ¡Agradecería cualquier ayuda!