php - 在 PHP 中添加背景

Question

我有一个带有这个下拉列表的表单

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

我想像这样更改背景颜色，如果选择 Present 为绿色，当选择 absent 时为红色。

谁能指导一下。

问候，

Answer 1

实际上，您是通过从 php 获取值来设置选定的数据，因此每次加载脚本时，它都必须触发选择框的更改事件，以便最新的颜色自动更改这里是供您休息的代码段，您可以使用 PHP在回显选择的选项中；

$(document).ready(function() {   
    $('[name="status"]').trigger('change');
   $('[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 src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<select name="status" class="form-control" style="width:100px; float:left;">
   <option value="0">Select Color</option>
   <option value="1" >Present</option>
   <option value="2" >Absent</option>
</select>
<div id="back_color">dddd</div>

出于某些原因，我已从您的代码中删除了 php 标记，但您现在可以重新插入它们。

问候