Изменение цвета select при выборе option

@ok-nikolai · Регистрация: 16.09.2015

Студворк — интернет-сервис помощи студентам

код чужой, сам не программист
цель, что бы пр выборе определенных пунктов у шрифта в select был определенный цвет
типа если
value 1 то цвет red
value 2 цвет green
и т.д.

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
$myarr = array();
for ($i=0; $i < 8; $i++) { 
    $myarr[$i] = '';
}
$myarr[$val->status] = 'selected';
print "<select class='form-control' onchange='mychangestep(".$val->cookid.",this)'>";
print "<option value='0' class='orange' ".$myarr[0].">Посетитель</option>";
print "<option value='5' class='orange' ".$myarr[5].">Дружба</option>";
print "<option value='9' class='orange' ".$myarr[9].">Дружба 2</option>";
print "<option value='2' class='orange' ".$myarr[2].">Отправлено сообщение</option>";
print "<option value='6' class='orange' ".$myarr[6].">Отправлена форма</option>";
print "<option value='1' class='orange' ".$myarr[1].">Есть интерес</option>";
print "<option value='3' class='orange' ".$myarr[3].">Потенциальный клиент</option>";
print "<option value='4' class='orange' ".$myarr[4].">Передан менеджеру</option>";
print "<option value='7' class='orange' ".$myarr[7].">Отказ</option>";
if ($val->statustxt != '') {
    print "<option value='8' class='orange' ".$myarr[8].">".$val->statustxt."</option>";
} else {
    print "<option value='8' class='orange' ".$myarr[8].">Свой статус</option>";
}

я так понимаю что нужно прописать все классы какие мне надо, и для select нужно что бы динамически добавлялся еще один класс. как только это сделать? )

Добавлено через 56 минут
еще есть вот такая функция

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
  function mychangestep(myid,mythis) {
    console.log(mythis);
    if (jQuery(mythis).val() == 8) {
            var znach = prompt('Введите новое значение статуса', '');
            if (znach != '') {
              mysetnewstatusznach(myid,znach);
            } else {
              mysetnewstatus(myid,jQuery(mythis).val());
            }
          } else {
            mysetnewstatus(myid,jQuery(mythis).val());
          }
  }

судя по всему ей нужно что то дописать

@Опан · 21.05.2017, 12:44

Задать каждому пункту свой цвет наверно невозможно, а вот всех пунктов зразу в зависимости от выбора - это можно:

HTML5
1
2
3
4
5
<select id=myselect onchange="colorset(this.value)">
    <option value='1'>пункт1</option>
    <option value='2'>пункт2</option>
    <option value='3'>пункт3</option>
</select>

JavaScript
1
2
3
4
5
6
7
8
9
<script>
function colorset(val){
    switch(val){
        case "1": myselect.style.color = "red"; break;
        case "2": myselect.style.color = "green"; break;
        case "3": myselect.style.color = "blue";
    }
}
</script>

Новые блоги и статьи Все статьи Все блоги /
PhpStorm 2025.3: WSL Terminal всегда стартует в ~ and_y87 14.12.2025 PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .	Access VikBal 11.12.2025 Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.	Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .	Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .