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

Question

我有一个使用 Select2 的下拉菜单。我需要更改 onchange 上的下拉选项文本颜色。我做了如下操作:

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

但它没有按预期工作。

fiddle :FIDDLE

选择2版本:4.0

Answer 1

select2 更改了 html，您将不再拥有 id 为 e1 的 select。您将拥有的元素将是 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');
});