The task is to assign a class to a schedule cell, when editing which, in select, the status is set: in the set, open, closed.
1 answer
If I understand the question correctly, then you need something like this:
html
<select id="control-select"> <option value="class1" selected=true>Присвоить класс 1</option> <option value="class2">Присвоить класс 2</option> <option value="class3">Присвоить класс 3</option> </select> <div id="element" class="class1" oldClass="class1">Элемент чего либо</div> css
.class1{ color: red; } .class2{ color: green; } .class3{ color: yellow; } js (jQuery)
$(document).ready(function(){ $("#control-select").change(function(){ className = $(this).val(); oldClassName = $("#element").attr("oldClass"); $("#element").attr("oldClass",className); $("#element").removeClass(oldClassName).addClass(className); }); }); |