Есть ли простой способ, используя JavaScript, динамически отображать/скрывать контент в <div>
на основе выбора пользователей из выпадающего меню? Например, если пользователь выбирает option 1
, тогда мне бы хотелось, чтобы <div>
1 отображался и все остальные <div>
были скрыты.
EDIT: Пример HTML
Настройка
<select>
<option> Option 1</option>
<option> Option 2</option>
<option> Option 3</option>
<select>
<div id="content_1" style="display:hidden;">Content 1<div>
<div id="content_2" style="display:hidden;">Content 2<div>
<div id="content_3" style="display:hidden;">Content 3<div>