jQuery: Как изменить цвет только выбранного параметра?

Question

У меня есть список выбора, который в HTML выглядит следующим образом:

<select id="language-list"> 
        <option value="English">English</option> 
        <option value="German">German</option> 
        <option value="French">French</option> 
</select> 

С JQuery Я хотел бы добиться того, что только выбранный вариант получает красный цвет. Когда вы нажимаете на список выбора, чтобы увидеть другие параметры, другие параметры должны сохранять свой первоначальный цвет.

Мой текущий код JQuery выглядит следующим образом:

$('#language-list').css('color', 'red'); 

Как добиться того, что только выбранный вариант получает красный цвет?

Answer 1

Используйте :selected псевдо-селектор:

$('#language-list').find(":selected").css('color', 'red'); 

Попробуйте: http://jsfiddle.net/RZzNA/

документация

• JQuery :selected - http://api.jquery.com/selected-selector/

Answer 2

Попробуйте

$('#language-list option:selected').css('color', 'red');

Answer 3

Попробуйте это:

$("#language-list option:selected").css('color', 'red'); 

Answer 4

Вы также можете попробовать это:

$("#language-list option:selected").text().css("background-color", "blue"); 

Answer 5

Пожалуйста, попробуйте это: - $ ("# языка списка вариант : selected "). css (« цвет »,« красный »);