Изменить выбранный цвет фона, если выбран не отключенный параметр

0

ищет способ изменить цвет окна выбора, если одна из отключенных опций не выбрана.

Итак, вот пример:

    <select class="selectoption" name="desc[]">
        <option disabled="disabled" selected="selected">Select option...</option>
        <option value="1">Option 1</option>
    </select>

Как изменить цвет фона этого окна выбора, если выбранный параметр не выбран.

Таким образом, задний цвет фона - # 333 в настоящее время, как только пользователь выбирает параметр, он изменяется на другой цвет.

Я уже делаю что-то похожее, используя флажки. Но я могу использовать

checkbox:checked

Заранее спасибо!

Теги:
forms

1 ответ

1
Лучший ответ

Если нет проблемы с использованием javascript, вы можете проверить выбранную опцию, которая имеет значение.

HTML:

<select id="sel1" class="selectoption" name="desc[]">
    <option disabled="disabled" selected="selected">Select option...</option>
    <option value="1">Option 1</option>
</select>

JavaScript:

document.getElementById("sel1").onchange = function() {
    if(this.value != null && this.value != undefined)
    {
        this.className = "myclass";
    }
};

CSS:

select.myclass
{
    background-color: red;
}

http://jsfiddle.net/AWMaa/

  • 0
    Нет проблем вообще :) Большое спасибо: D

Ещё вопросы

Сообщество Overcoder
Наверх
Меню