Изменить цвет ROW в выпадающем меню с множественным выбором с помощью JQUERY

Question

Я все. Я хотел бы добиться этого: когда я меняю статус выпадающего меню «статус», я бы хотел закрасить строку соответствующим цветом. Я хотел бы использовать JQuery. В общем, строка будет белым, если статус «новый», желтым, если «прогресс», зеленым, если «выполнено» ... и т. Д. И т. Д.

Пока чтоэто то, что я сделал в функции:

function on_status_update(element){ 
var value = $(element).val();
var rowID = $(element).attr("row");  

$.ajax({
    type: 'POST',
    url: 'somepage.php', 
    data: {
        update: value,
        id: rowID,
        func: 'status'

    },
    success: function (response) {
        let row = $("select[row='".concat(response.id, "']")).parent().parent();
        row.addClass('blue');

        console.log(response); 
    }}, "json")}

И это на столе:

while ($row = $result->fetch_assoc()) {
$job_id = $row['id'];
echo "<form action='' method=post>";
echo "<tr style='background-color:".$color." ; class='info status_".$row['status']."'>

            <input type=hidden name=hidden value=" . $row['id'] . ">
           <td class='id'>" . $row['id'] . "</td> 
           <td>" . $row['date'] . "</td>
            <td>" . $row['number'] . "</td>
            <td>" . $row['device'] . "  </td>
            <td>" . $row['problem'] . "</td>
       <td>
       <select onchange='on_status_update(this)' row='" . ($row['id']) . "' id='status'   
       class='form- 
       control col-sm-10' name='status'>
            <option value='new' ". ($row['status'] == 'new'? 'selected ': '') .">New</option>
            <option value='progress' ". ($row['status'] == 'progress'? 'selected ': '') 
        .">Progress</option>
        ....
        </select>

Я думаю, что я должен изменить что-то в «успех функции»,но я не понимаю, как это сделать. Или есть какой-то другой / лучший способ добиться этого? спасибо

Answer 1

Использование оператора регистра переключателя

var selectedOption = $('#status').find(':selected').text();
switch (selectedOption) {
 case 'yellow': $('//Class of which element's color to change').css("Background-color","//Color here");
                break;
//Continue for all
}