JQuery Select2下拉onchange选项文字颜色不变

Question

我使用 Select2 下拉菜单。我需要更改 onchange 上的下拉选项文本颜色。我做了如下：

$("#e1").change(function(){
   $(this).css('color', 'red');
});

但它没有按预期工作。

Fiddle:FIDDLE

选择2版本：4.0

Answer 1

select2 更改了 html，您将不再有 select 和 e1 的 id。您将拥有的元素将是 div，其中 id 为 s2id_e1。

好像是：

id => "s2id_" + id

此外，您将不再有 change 事件，因为您的 div 将没有价值。您需要为 s2id_e1:

的 select2-choice 元素使用 click 处理程序

$("#e1").select2();
$("#s2id_e1 .select2-choice").click(function(){
   $(this).css('color', 'red');
});

Answer 2

您使用填充在元素上的 .data('select2')，如下所示：

$("#e1").select2();
$("#e1").change(function() {
    $("#e1").data('select2').selection.css('color', 'red');
});

JQuery Select2 drop down onchange option text color not changing