Различные значки для нескольких выпадающих списков Select2 - PullRequest
Новая
       24

Различные значки для нескольких выпадающих списков Select2

0 голосов
/ 27 апреля 2018

В настоящее время я использую 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="">');

Спасибо за помощь:)

1 Ответ

0 голосов
/ 27 апреля 2018

Да, это должно быть более точным. Нечто подобное будет работать. 

$('.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="">');
...