Как реализовать отслеживание выбора select2?

Question

[Иван Шевцов]

Доброго времени суток, поставили мне задачу, в которой я не разбирался никогда ранее, было бы не плохо, если бы кто-нибудь смог помочь.
Суть задачи в том, что мы используем select2 и когда человек выбирает определенные, допустим три пункта, появлялся текст (назовем его текст№1), а при выборе других пунктов появлялся другой текст.
Может кто делал ранее и сможет помочь, буду благодарен.

Не разбираюсь в JS\JQ, не могли бы прислать рабочий пример?

Answer 1

[sergski]

У select2 есть собственные события, например

let getVal = undefined;

$('select').select2().on('change.select2', function(e) {
    getVal = e.target.value;
});

if ( getVal == 'option1') {
	// делаем видимым текст1 
}

Comments

[uRoot]

Не подумайте, я ни в коем случае не придираюсь, а почему так let getVal = undefined;? Ведь можно же спокойно объявить переменную без undefined

[sergski]

CryNet, да, вы правы. исключительно для наглядности

Answer 2

[Moses Fender]

У него есть свой триггер select2:select

$(<некий_селект>).on('select2:select', function(){
    console.log(this.selectedOptions); // HTMLCollection где каждый элемент - HTMLOptionElement, у которого соответствующие атрибуты
});

Answer 3

[Lord_Dantes]

jQuery:
Отслеживаете событие изменения select'a, функцией .change, далее проверяете значение select'a условием if, и если значения совпадают то вы делаете что вам нужно. И так повторяете шаг с сравнением столько раз, сколько вам нужно.

Comments

[Иван Шевцов]

Не могли бы вы прислать пример?

[Lord_Dantes]

Иван Шевцов, примеров много в гугле. Выше и ниже вам прислали один из них.