Question

我目前正在使用Select2来搜索我的下拉菜单。我已经到了可以更改图标的位置，但现在当我在另一个下拉菜单上调用Select2并更改它显示两次的图标时。这是我目前的代码;

    $(".where__heading").select2({
        placeholder: "Try 'Belfast'",
        allowClear: false,
    });
    $('b[role="presentation"]').hide();
    $('.select2-selection__arrow').append('<img src="images/icons/travel.svg" alt="">');

   Calling in it again below on a different dropdown....

    $(".how__long").select2({
        placeholder: "1-2 days",
        allowClear: false,
    });
    $('b[role="presentation"]').hide();
    $('.select2-selection__arrow').append('<img src="images/icons/time.svg" alt="">');

我似乎无法弄清楚这一点。我只需要让它更精确;

$('.select2-selection__arrow').append('<img src="images/icons/time.svg" alt="">');

感谢您的帮助：）

Answer 1

是的，它需要更精确。这样的事情会起作用。

$('.where__heading').next().find('span.select2-selection__arrow').append('<img src="images/icons/travel.svg" alt="">');
$('.how__long').next().find('span.select2-selection__arrow').append('<img src="images/icons/time.svg" alt="">');

多个Select2下拉列表的不同图标

1 个答案: