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'));
   });
});

在jQuery中从下拉选项中获取颜色的问题

1 个答案: