Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   смена цвета поля select после выбора option (https://javascript.ru/forum/dom-window/48907-smena-cveta-polya-select-posle-vybora-option.html)

Globus 21.07.2014 17:10

смена цвета поля select после выбора option
 
Есть три select

<select id="01" name="01">
<option value="1" selected="selected"> См </option>
<option value="2"> Метр </option>
<option value="3"> Км </option>
</select>

<select id="02" name="02">
<option value="4" selected="selected"> Грамм </option>
<option value="5"> Кг </option>
<option value="6"> Тонна </option>
</select>


<select id="02" name="02">
<option value="7" selected="selected"> Руб </option>
<option value="8"> Доллар </option>
<option value="9"> Евро </option>
</select>


При выборе любого значения option, кроме первого (стоящего по умолчанию), нужно, чтобы цвет select изменялся и было видно, что было изменено поле с валютой, например, выставили Доллар.
А если опять выбрали значение "Руб", то селект должен стать такого же цвета, как и все остальные селекты, в которых option стоит по умолчанию.

простым цсс типа
option::selection {background: #000;}
вопрос не решается (

Может есть у кого идеи или уже где-то подобный вопрос решался? Спасибо!

Rise 21.07.2014 18:44

Globus, тут

Globus 21.07.2014 21:43

Оно! Спасибо, сам бы не нашёл!


Часовой пояс GMT +3, время: 16:29.