<html>
<head>
<title>Смена картинок</title>
</head>
<style>
.bg1{
background: #000;
width: 100px;
height: 30px;
}
</style>
<body>
<select name="" id="">
<option class="iphone12">iphone 12</option>
<option class="iphone11">iphone 11</option>
<option class="iphone10">iphone 10</option>
<option class="iphone8">iphone 8</option>
<option class="iphone7">iphone 7</option>
</select>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
$('.iphone7').click(function(){
$('.bg1').show();
})
</script>
</body>
</html><img id="image" src="Null_Image.png" />
<select id="CarList">
<option value="Null_Image.png">No Car</option>
<option value="volvo.png">Volvo</option>
<option value="audi.png">Audi</option>
</select>function setCar() {
var img = document.getElementById("image");
img.src = this.value;
return false;
}
document.getElementById("CarList").onchange = setCar;
Простой
Средний
Простой