JSFiddle - React, Tailwind, and code Playground

by Sanjay Kumar N S

HTML

<select name="status" class="form-control" style="width:100px; float:left;">
   <option value="0" <?php if($status == 0)echo 'selected="selected"';?>></option>
   <option value="1" <?php if($status == 1)echo 'selected="selected"';?>>Present</option>
   <option value="2" <?php if($status == 2)echo 'selected="selected"';?>>Absent</option>
</select>
<div id="back_color">dddd</div>

JavaScript

$(document).ready(function(){
   $('[name="status"]').change(function(){
       if ($(this).val() == '1') {
        $('#back_color').css('background-color','green');
       } else if ($(this).val() == '2') {
           $('#back_color').css('background-color','red');
       }
   }) ;
});