2

Есть 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

Пожалуйста, помогите.

2
  • Our working language is Russian. Therefore please translate your question into Russian or move it to intl. SO.
    – 0xdb
    9 июн 2017 в 15:29
  • Спасибо перепутал, сейчас напишу на русском
    – Pavel Tk
    9 июн 2017 в 15:30

2 ответа 2

2

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

1
  • Спасибо большое, я немного поменял вопрос, просто мне нужно менять не на одном Div а на нескольких.
    – Pavel Tk
    9 июн 2017 в 15:37
1

$("#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>

3
  • Спасибо большое, это как раз то что нужно. Все гениальное просто. А то сам не мог сообразить как с select такое сделать.
    – Pavel Tk
    9 июн 2017 в 16:02
  • @PavelTk Пожалуйста. Успехов! Галочка слева - щёлк :).
    – user176262
    9 июн 2017 в 16:07
  • Спасибо за галочку, тоже не мог понять как отметить ваш код. :)))))
    – Pavel Tk
    9 июн 2017 в 16:49

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.