Member 13127985 Ответов: 1

А как же я?.. Изменение цвета при мультиселекте


Вот мой код
Я пытаюсь изменить цвет нескольких элементов, то есть столбцов
но это не работает

Что я уже пробовал:

<table>
    <tr>
        <td class="bd" id="Green">
            <div>Green</div>
        </td>
        <td class="bd" id="Blue">
            <div>Blue</div>
        </td>
        <td class="bd" id="Yellow">
            <div>Yellow</div>
        </td>
        <td class="bd" id="Red">
            <div>Red</div>
        </td>
        <td>
            <select multiple id="sel">
                <option value='Please'>---Please Select---</option>
                <option value='Green'>Green</option>
                <option value='Blue'>Blue</option>
                <option value='Yellow'>Yellow</option>
                <option value='Red'>Red</option>
            </select>
        </td>
    </tr>
</table>
<style>
    .bd
    {
    border:1px solid;color:black;
    }
</style>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.3.min.js" ></script>
<script type="text/javascript">
    $(document).ready(function(){
    jQuery("#sel").change(function()
    {
    $color=jQuery('#sel').val();
	
 	
    jQuery('#'+$color).css('background',$color);
    jQuery('#'+$color).css('color','white');		
    if($color=="Please")
    { 
    jQuery('.bd').css('background','');
    jQuery('.bd').css('color','');		
    }
    });
    });
</script>

Richard MacCutchan

- Куда? Что не работает? Что значит "не работает" означает?

Пожалуйста, отредактируйте свой вопрос и предоставьте правильное объяснение проблемы.

1 Ответов

Рейтинг:
0

Karthik_Mahalingam

пробовать

$(document).ready(function () {
           jQuery("#sel").change(function () {
               var $color = jQuery('#sel').val();
               jQuery('.bd').css('background', '');
               jQuery('.bd').css('color', '');

               $color.forEach(function ($color) {
                   jQuery('#' + $color).css('background', $color);
                   jQuery('#' + $color).css('color', 'white');
               });

           });
       });


Демонстрация: - JSFiddle[^]