Javascript 用PHP条件替换CSS行

我希望在满足特定条件时替换css行。当我按下

Ok

时，会显示一组数据。根据在组合框中选择的内容，我希望文本为红色或黑色。我尝试了javascript，但不起作用

编辑：当我按下OK时，我设法变为红色，但因为它会重新加载数据，并返回到原来的黑色

time.css

 .time-title {
        width:auto;
        color:black;
        position:absolute;
        z-index:5;
    }

index.php-它的一部分

<label> Visualizar: </label>
<select id="estado">
<option value="Normal"> Normal </option>
<option value="Crítico"> Crítico </option>
</select>

<label id="okbt">Ok</label>

</div>
<div id='placement'></div>


<script type='text/javascript'> 
$("#okbt").on("click", function(){
        var v1 = $("#cproc").val();
        var v2 = $("#estado").val();
        var tg1 = {};

        var doc_ht = $(document).height();

        $("#placement").css({"height":"510px"});
        $(function () {

        if (v2 === "Crítico") {
        $(".time-title").css({"color":"red"});}         

            tg1 = $("#placement").timeline({
                 "min_zoom":1, 
                "max_zoom":30, 
                "image_lane_height":100,
                "icon_folder":"timeglider/icons/",
                "data_source":"pptimeline.php?ty="+v1+"&est="+v2, //add select value to url
                "constrain_to_data":false
            });
            tg_actor = tg1.data("timeline");

    var tg1_actor = tg1.data("timeline");

        window.setTimeout(function() {
            tg1_actor.refresh();
        }, 1000);      
        });
    }); 
</script>

Visualizar:
正常的
克里蒂科
好啊
$（“#okbt”）。在（“单击”，函数（）{
var v1=$（“#cproc”）.val（）；
var v2=$（“#estado”）.val（）；
var tg1={}；
var doc_ht=$（document）.height（）；
$（“#位置”）.css（{“高度”：“510px”}）；
$（函数（）{
如果（v2==“Crítico”）{
$（“.time title”）.css（{“color”：“red”}）；}
tg1=$（“#位置”）.时间线({
“最小缩放”：1，
“最大缩放”：30，
“图像车道高度”：100，
“图标文件夹”：“时间滑翔机/图标/”，
“数据源”：“pptimeline.php？ty=“+v1+”&est=“+v2，//将选择值添加到url
“将_约束到_数据”：false
});
tg_actor=tg1.数据（“时间线”）；
var tg1_actor=tg1.data（“时间线”）；
setTimeout（函数（）{
tg1_actor.refresh（）；
}, 1000);      
});
}); 

您的JavaScript很可能是在DOM准备就绪之前执行的

尝试将代码包装到

文档中。就绪

函数：

<script type='text/javascript'>   
    $(document).ready(function() {
        var v3 = $("#estado").val();
        if (v3 === "Crítico") 
        {
           $(".time-title").css({"color":"red"});

        }
    });
</script>

$（文档）.ready（函数（）{
var v3=$（“#estado”）.val（）；
如果（v3==“Crítico”）
{
$（“.time title”）.css（{“color”：“red”}）；
}
});

更新的答案，这就是你想要的吗？