Изменение Div CSS при выборе опции выбора с jQuery - PullRequest
Новая
       19

Изменение Div CSS при выборе опции выбора с jQuery

1 голос
/ 27 января 2012

Я приблизился к ответу, но я не достаточно хорош в jQuery, чтобы настроить его так, как я хочу.

Мне нужно изменить класс css для div, когда выбрана опция выбора.
Так что, если код был: 

<style>
  .red{
  background-color:red;
}
  .green{
  background-color:green;
}
  .blue{
  background-color:blue;
}
</style>

<html>

<div id="box"> </div>

<select>
  <option value=1>Red</option>
  <option value=2>Green</option>
  <option value=3>Blue</option>
</select>

</html>

Как мне изменить цвет фона «#box», если выбран соответствующий параметр?

ЭТО было так, так близко. (найдено здесь)

1 Ответ

2 голосов
/ 27 января 2012 
$('select').change(function(){
    $('#box').removeClass('red green blue').addClass(
        $(this).find('option:selected').text().toLowerCase()
    );
})
.change();

Вот скрипка: http://jsfiddle.net/aHYKG/

...