在PHP中添加背景

Question

I have a form with this drop list

<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>

I want to change background color like this if Present is selected its green and when absent is selected its red.

Can someone please guide.

Regards,

Answer 1

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<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>
<script>
$(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');
       }
   }) ;
});
</script>