Этот вопрос закрыт для ответов, так как повторяет вопрос Как сделать вкладки-табы через select?
@Norum

Как вывести содержимое при выборе пункта в выпадающем меню?

Как сделать так, чтобы при выборе определенного пункта из выпадающего меню, отображался блок с информацией, которая соответствует этому блоку?

Например, при выборе пункта Яблоко, появляется блок с информацией о яблоке, а при выборе Апельсина появляется инфа про апельсин.
<select>
	<option value="apple">Яблоко</option>
	<option value="orange">Апельсин</option>
</select>

<div class="fruits">
	div class="apple-info">
	<h1>Яблоко</h1>
	<img src="https://static9.depositphotos.com/1011549/1208/i/950/depositphotos_12089121-stock-photo-green-apple-with-leaf.jpg" alt="">
	</div>

  <div class="orange-info">
	<h1>Апельсин</h1>
	<img src="https://befreshcorp.net/wp-content/uploads/2017/07/product-packshot-Orange.jpg" alt="">
  </div>
</div>
  • Вопрос задан
  • 318 просмотров
Ваш ответ на вопрос

Вопрос закрыт для ответов и комментариев

Потому что уже есть похожий вопрос.
Похожие вопросы