Función para mostrar imagen de la prenda seleccionada

Buenas tardes, 

Necesito poder integrar una función JS en nuestra web para que cambie la imagen seleccionada del carrousel cuando se cambia de opción en el selector. Más o menos creo que sería algo así:

function selectCarouselItem() {
// Obtener referencias a la lista desplegable y al carrusel de imágenes
const select = document.getElementById("form-field-producto");
const carousel = document.querySelector(".carousel?????");

// Agregar un EventListener a la lista desplegable para el evento change
select.addEventListener("change", function() {
// Obtener el índice del elemento seleccionado en la lista desplegable
const selectedIndex = select.selectedIndex;

// Seleccionar el elemento correspondiente en el carrusel de imágenes
carousel.goToSlide(selectedIndex);
});
}

¿Para integrarla luego, lo hago directamente en la página de "https://www.salvajerealbrand.com/presupuesto-prendas/"?

Gracias,

Un saludo

Contenido solo visible a usuarios registrados