jquery - 如何在 jQuery 中的下拉列表更改时更改字体颜色？

Question

我正在尝试更改下拉框中文本的颜色。紧急、重要和正常。紧急应为红色，重要为橙色，正常为绿色。我创建了以下 JavaScript，但除了示例警报之外，其他警报不起作用。颜色也没有改变。

        var d = NWF$('#' + jsPriority + ' option:selected').val();
       //alert(d);
        switch (d)
  {
            case("Urgent - Immediate Attention or Response Required within 2 days"):
                 alert(d);
                 //$(this).find('option:selected').css('color', 'red');
                 NWF$('#'+jsPriority).find('option:selected').css('color', 'red');
                 break;
            //case d.startsWith("Urgent"):            
            //break;
            case ("Important - High Attention or Response Required within 7 days"): 
                NWF$('#'+jsPriority).find('option:selected').css('color', 'orange');                
                break;
            case ("Normal - Review or Response Required within 14 days"): 
                //alert(d);
                NWF$('#'+jsPriority).find('option:selected').css('color', 'green');
                break;            
        }

Answer 1

我终于让它工作了。这是 jquery 代码的工作版本。

// coloring priority
NWF$(document).ready(function() {    
        var d = NWF$('#' + jsPriority + ' option:selected').val();
       //alert(d);
        switch (d)
  {
            case("Urgent - Immediate Attention or Response Required within 2 days"):
                 //alert(d);
                 //$(this).find('option:selected').css('color', 'red');
                 NWF$('#'+jsPriority).find(' option:selected').css('color', 'red');
                 NWF$('#'+jsPriority).css('color', 'red');
                 break;
            //case d.startsWith("Urgent"):            
            //break;
            case ("Important - High Attention or Response Required within 7 days"): 
                NWF$('#'+jsPriority).find(' option:selected').css('color', 'orange'); 
                NWF$('#'+jsPriority).css('color', 'orange');               
                break;
            case ("Normal - Review or Response Required within 14 days"): 
                //alert(d);
                NWF$('#'+jsPriority).find(' option:selected').css('color', 'green');
                NWF$('#'+jsPriority).css('color', 'green');
                break;            
        }   
});


// coloring priority
NWF$(document).ready(function() {    
NWF$('#' + jsPriority).change(function() {
        var d = NWF$('#' + jsPriority + ' option:selected').val();
       //alert(d);
        switch (d)
  {
            case("Urgent - Immediate Attention or Response Required within 2 days"):
                 //alert(d);
                 //$(this).find('option:selected').css('color', 'red');
                 NWF$('#'+jsPriority).find(' option:selected').css('color', 'red');
                 NWF$('#'+jsPriority).css('color', 'red');
                 break;
            //case d.startsWith("Urgent"):            
            //break;
            case ("Important - High Attention or Response Required within 7 days"): 
                NWF$('#'+jsPriority).find(' option:selected').css('color', 'orange'); 
                NWF$('#'+jsPriority).css('color', 'orange');               
                break;
            case ("Normal - Review or Response Required within 14 days"): 
                //alert(d);
                NWF$('#'+jsPriority).find(' option:selected').css('color', 'green');
                NWF$('#'+jsPriority).css('color', 'green');
                break;            
        }   
});
});