Есть select с 2 значениями white и black.
Нужно изменить значение класса white на класс black и обратно на white в зависимости от выбора. На всех Div
<select id="sel" name="sel" class="theme">
<option value="white">white</option>
<option value="black">black</option>
</select>
<div class='white'> main
<div class='white'> content1 </div>
<div class='white'> content2 </div>
JavaScript или JQuery
Пожалуйста, помогите.
$("#sel").change(function(){
$("div").removeClass("white black").addClass($(this).val());
});
$("#sel").change();
.white{ color:red; }
.black{ color:green; }
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="sel" name="sel" class="theme">
<option value="white">white</option>
<option value="black">black</option>
</select>
<div> main </div>
<div> content1 </div>
<div> content2 </div>
.white{
color:red;
}
.black{
color:green;
}
<select name="sel" class="theme" onchange="sel.className = this.value">
<option value="white">white</option>
<option value="black">black</option>
</select>
<div id="sel" class='white'> content </div>
Как развивать веб-проекты в 2026 году: технологии, контент E-E-A-T и факторы доверия
Современные инструменты для криптотрейдинга: как технологии помогают принимать решения
Апостиль в Лос-Анджелесе без лишних нервов и бумажной волокиты
Основные этапы разработки сайта для стоматологической клиники