问题在jQuery中从下拉菜单中获取颜色

Question

我想获取下拉值变化事件的颜色。

以下是下拉菜单的结构。

<select id="task_result_task_result_status_id" name="task_result[task_result_status_id]" style="color: #57a90f;"> 

<option value="" style="color: #696762;">Please Select</option> 

<option value="1" style="color: #000000;">In Progress</option> 

<option value="6" style="color: #000000;">Test</option> 

<option value="3" style="color: #57a90f;" selected="selected" data-completion-status="">Completed/Compliant/Yes</option> 

<option value="2" style="color: #e11d2b;" data-completion-status="">Not Completed/Non Compliance/No</option> 

<option value="4" style="color: #fa7603;" data-completion-status="">Not Applicable</option> 

<option value="7" style="color: #ef0707;" data-completion-status="">Test Complete</option> 

代码 -

var statusSelect = jQuery('#task_result_task_result_status_id'); 
    statusSelect.change(function() { 
    alert($('#' + status_select_id+ ' option:selected').css('color')); 
    var selected = statusSelect.find('[value="' + statusSelect.val() + '"]'); 
    if (selected.length > 0) 
    alert(selected.css('color')); 
}); 

两个警报回报RGB（255,255,255）。

可能知道问题在哪里？

Answer 1

在此plnkr你可以看到的部分解决方案

$(document).ready(function() { 
    var statusSelect = jQuery('#task_result_task_result_status_id'); 
    statusSelect.on("change",function() { 
     alert($("#task_result_task_result_status_id option:selected").css('color')); 
    }); 
});