Question

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

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

但它没有按预期工作。

小提琴：FIDDLE

Select2版本：4.0

Answer 1

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

似乎：

id =＆gt; “s2id_”+ id

此外，您将不再有change个事件，因为您的div没有任何价值。您需要为click的{{1}}元素使用select2-choice处理程序：

s2id_e1

Answer 2

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

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