Javascript 不'；当通过if-else进行更改时，不记得img src并给出未定义的

帮我弄明白这个脚本。或者如何让scr记住该值，而不是在每次函数调用时重置它。如果有人能帮我缩短代码，我将不胜感激。 为什么不写下发布所需的文本量，它一直在为您提供添加信息。为什么不写下发布所需的文本量，它一直在为您提供添加信息。为什么不写下发布所需的文本量，它一直在为您提供添加信息。为什么不写下需要多少文本才能发布，它一直在给你添加信息

$（“#显示#头像”）。在（'change'，function（）上{
$（“img[name=preview]”）.attr（“src”，$（this.find（“option:selected”）.attr（“imagePath”）；
event.preventDefault（）；
});
功能l_图像2（a）{
var vall=document.getElementById（“显示化身”）.value；
var ramka5=document.getElementById（“ramka5”）；
var ramka5img=document.queryselectoral（“.ramka5img”）；
var notact=document.querySelectorAll（“.activelink2”）；
document.example_img.src=a+vall+'.png'；
如果（document.getElementById（'radio-1'）.checked）{
如果（document.getElementById（'radio-3'）.checked）{document.example_img2.src=a+vall+'.png'；
document.example_img.src=a+'.png'；
}
else if（document.getElementById（'radio-4'）。选中）{
document.example_img.src=a+vall+'post2'+'.png'；
}
else if（document.getElementById（'radio-5'）。选中）{
document.example_img.src=a+vall+'post3'+'.png'；
}
else if（document.getElementById（'radio-6'）。选中）{
document.example_img.src=a+vall+'post4'+'.png'；
}
else if（document.getElementById（'radio-7'）。选中）{
document.example_img.src=a+vall+'post5'+'.png'；
}
} 
else if（document.getElementById（'radio-2'）。选中）{
if（document.getElementById（'radio-3'）。选中）{
document.example_img.src=a+vall+'.png'；
}   
else if（document.getElementById（'radio-4'）。选中）{
ramka5img[0].style.display=“grid”；
ramka5img[0].style.marginLeft=“39%”；
ramka5img[1].style.display=“grid”；
ramka5img[1].style.marginLeft=“39%”；
ramka5img[2].style.display=“无”；
ramka5img[2].style.marginLeft=“39%”；
ramka5img[3].style.display=“无”；
ramka5img[3].style.marginLeft=“39%”；
ramka5img[4].style.display=“无”；
ramka5img[4].style.marginLeft=“39%”；
document.example_img.src=a+vall+'post22'+'.png'；
}
else if（document.getElementById（'radio-5'）。选中）{
ramka5img[0].style.display=“grid”；
ramka5img[0].style.marginLeft=“39%”；
ramka5img[1].style.display=“grid”；
ramka5img[1].style.marginLeft=“39%”；
ramka5img[2].style.display=“grid”；
ramka5img[2].style.marginLeft=“39%”；
ramka5img[3].style.display=“无”；
ramka5img[3].style.marginLeft=“39%”；
ramka5img[4].style.display=“无”；
ramka5img[4].style.marginLeft=“39%”；
document.example_img.src=a+vall+'post33'+'.png'；
}
else if（document.getElementById（'radio-6'）。选中）{
ramka5img[0].style.display=“grid”；
ramka5img[0].style.marginLeft=“39%”；
ramka5img[1].style.display=“grid”；
ramka5img[1].style.marginLeft=“39%”；
ramka5img[2].style.display=“grid”；
ramka5img[2].style.marginLeft=“39%”；
ramka5img[3].style.display=“grid”；
ramka5img[3].style.marginLeft=“39%”；
ramka5img[4].style.display=“无”；
ramka5img[4].style.marginLeft=“39%”；
document.example_img.src=a+vall+'post44'+'.png'；
}
else if（document.getElementById（'radio-7'）。选中）{
ramka5img[0].style.display=“grid”；
ramka5img[0].style.marginLeft=“39%”；
ramka5img[1].style.display=“grid”；
ramka5img[1].style.marginLeft=“39%”；
ramka5img[2].style.display=“grid”；
ramka5img[2].style.marginLeft=“39%”；
ramka5img[3].style.display=“grid”；
ramka5img[3].style.marginLeft=“39%”；
ramka5img[4].style.display=“grid”；
ramka5img[4].style.marginLeft=“39%”；
document.example_img.src=a+vall+'post55'+'.png'；
}
}
}
函数l_图像（a）{
document.example_img2.src=a+'.png'；
}
$（文档）.ready（函数（）{
$（'.variants2'）。on（'click'，'.variants1'，函数（e）{
$（'.1'）.removeClass（'activelink'）；
$（this.addClass（'activelink'）；
});
});

Выберите бренд
勒格朗
视得安罗格朗
荣格
神甫
Ориентация рамки
Количество постов
1.
2.
3.
4.
5.
1.Выберите цвет рамки: 
Белый
Алюминий
Слоновая кость
Антрацит
Белый2
Алюминий2
Слоновая кость2
Антрацит2
2.Выберите цвет механизма:
Белый
Алюми?