Как присвоить значение для отображения определенного изображения, названного в честь значения val? ⇐ Jquery Программирование на jquery Ответить Пред. темаСлед. тема Поиск Расширенный поиск

[Anonymous]

В настоящее время работаю над конфигуратором, для которого мне пришлось создать серийный номер на основе значений для отображения определенного изображения. У меня возникли проблемы с сокрытием некоторых параметров выбора, поскольку я не знаю, как это сделать на основе значения тега/имени изображения.

Я дошел до того, что понял, как скрыть/показать параметры, но не знаю, как теперь присвоить значения параметрам...

Значения размера можно перевести как есть, но тип (Stahl, Poly и т. д.) следует переводить буквами (F, B, A и т. д.)

let Laenge = 0; пусть Теллер = 0; пусть КаппеФарбе = 1; пусть Теллер2 = 0; пусть ГА = 0; пусть ГД = 0; пусть ВО = 0; пусть ВУ = 0; функция dropdownTeller(элемент) { Теллер = element.value; if (GA != 0 && GD != 0) { если (КаппеФарбе = 1) { document.getElementById("image").style.backgroundImage = "url(konfig/" + Teller2 + Teller + GA + GD + VO + VU + ".png)"; } еще { document.getElementById("image").style.backgroundImage = "url(konfig/" + Teller2 + Teller + KappeFarbe + GA + GD + VO + VU + ".png)"; } } еще { если (КаппеФарбе = 1) { document.getElementById("image").style.backgroundImage = "url(konfig/" + Teller2 + Teller + ".png)"; } еще { document.getElementById("image").style.backgroundImage = "url(konfig/" + Teller2 + Teller + KappeFarbe + ".png)"; } } } функция dropdownTeller2 (элемент) { Теллер2 = элемент.значение; document.getElementById("durchmesser").style.visibility = "видимый" if (GA != 0 && GD != 0) { если (КаппеФарбе = 1) { document.getElementById("image").style.backgroundImage = "url(konfig/" + Teller2 + Teller + GA + GD + VO + VU + ".png)"; } еще { document.getElementById("image").style.backgroundImage = "url(konfig/" + Teller2 + Teller + KappeFarbe + GA + GD + VO + VU + ".png)"; } } еще { если (КаппеФарбе = 1) { document.getElementById("image").style.backgroundImage = "url(konfig/" + Teller2 + Teller + ".png)"; } еще { document.getElementById("image").style.backgroundImage = "url(konfig/" + Teller2 + Teller + KappeFarbe + ".png)"; } const FVal = новый массив («19», «20», «30»); } } /* ТЕСТ jQuery */ вар subjectObject = { "Штальтеллер": [ «19», «20», «30», «33», «35», «40», «45», «50», "60" ], "Stahlteller abgeschnitten": [ «40/35», «40/30» ], "Stahlteller abgeschnitten mit 2 Anschraublöchern": [ «40/35», «40/30» ], "Stahlteller mit 2 Anschraublöchern": [ «30», «40», «45», «50», "60" ], "Stahlteller mit 3 Anschraublöchern": [ "45" ], "Stahlteller mit 4 Anschraublöchern": [ "80" ], "Stahlteller gewölbt": [ "40" ], "Эдельштальтеллер": [ «25», «30», «36», «40», «50», «60», «70», "75" ], "Эдельштальгелэнктеллер": [ «60», "70" ], "Эдельштальтеллер СТАБИЛЬ": [ "50" ], «Полиамидтеллер»: [ «20», «30», «36», «48», "50" ] } window.onload = функция() { var subjectSel = document.getElementById("teller2"); var themeSel = document.getElementById("кассир"); for (var x в subjectObject) { subjectSel.appendChild(новый вариант(x, x)); } subjectSel.onchange = function() { //пустые раскрывающиеся списки глав и тем //subjectSel.length = 1; themeSel.length = 1; //отображаем правильные значения for (var y in subjectObject[this.value]) { themeSel.appendChild(new Option(subjectObject[this.value][y], y)); } } .buttonrow { дисплей: гибкий; поле внизу: 40 пикселей; поле слева: 100 пикселей; } .rightoption { поле слева: 100 пикселей; } .кнопки { маржа сверху: 50 пикселей; } #тест { ширина: 200 пикселей; высота: 30 пикселей; Искусство Фусстеллера: Информатор: Дурхмессер (мм)