为选择列表页项目的背景着色

我不会对此使用动态操作。相反,在页面加载时定义一个函数,并使用jquery委托绑定来捕获任何更改:

函数和全局变量声明:

function colorSelectLists(){
    const pageItems = ["P185_C1","P185_C2"]
    
    for (let i = 0; i < pageItems.length; i++){
        if ($v(pageItems[i]) == "Y"){
            $("#" + pageItems[i]).css("background-color", "#90EE90");
        }
    
        else if ($v(pageItems[i]) == "N" || $v(pageItems[i]) == "N/A" || $v(pageItems[i]) == "In Progress"){
            $("#" + pageItems[i]).css("background-color", "#F08080");
        }
    
        else if ($v(pageItems[i]) == "") {
            $("#" + pageItems[i]).css("background-color", "transparent");
        }
    }    
}

页面加载时执行

//initial load
colorSelectLists();
//listener for any changes to adjust the color
$('#P185_C1, #P185_C2').on('change',function(){
    colorSelectLists();
});

请注意,jquery选择器需要与单引号中以逗号分隔的id列表完全匹配。