@vlad123032

Как при нажатии на select > option открыть элемент?

<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>


вот так пробовал, не получилось, может есть другие варианты?
  • Вопрос задан
  • 42 просмотра
Решения вопроса 2
Lord_Dantes
@Lord_Dantes
Чат джунов t.me/developersjunior
<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;

Это код который вам нужен, немного подумайте и измените его под себя и у вас все получится!
Ответ написан
bingo347
@bingo347 Куратор тега JavaScript
Ищу Java и TypeScript разработчиков
https://developer.mozilla.org/en-US/docs/Web/API/H...
Нужно отслеживать change на select
option, на сколько помню, вообще не кидают событий
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы