Как делать активным нужный пункт в select2?

Question

[drtvader]

Использую в проекте select2. И необходимо, чтобы при переходе с др страницы был активен пункт равный хэшу.
К примеру, есть переход http://localhost:3000/guide-holiday.html#Активный
В select2 есть аналогичный option^ но при сравнении выдает false

var hash = window.location.hash.substring(1);
    console.log(hash);
    var $findOption = $('.js-select-hash').children().filter(function () {
        console.log($(this).text() === hash);
        return $(this).text() === hash;
    });
    if ($findOption.length) {
        var $select = $findOption.parent();
        $select.val(hash);
        $select.trigger('change');
    }

Скрин консоли

В чем моя ошибка?

Answer 1

[drtvader]

Поковырявшись вот что вышло

let hash = window.location.hash.substring(1);
    // перевод хэша
    let decode = decodeURI(hash);

    var $findOption = $('.js-select-hash').children().filter(function () {
        return $(this).text().trim() === decode;
    });

    if ($findOption.length) {
        var $select = $findOption.parent();
        $select.val(decode);
        $select.trigger('change');
    }

Проблема была больше в том что контент выводился с пробелом, .trim() помог это победить.

Answer 2

[Stalker_RED]

$('#mySelect2').val('1'); // Select the option with a value of '1'
$('#mySelect2').trigger('change'); // Notify any JS components that the value changed

https://select2.org/programmatic-control/add-selec...

Непонятно зачем вы перебираете элемены и ищите какой-то текст.

Comments

[drtvader]

Мне нужно сравнить с хэшом то что внутри и вывести соответствующий.

[Stalker_RED]

drtvader, просто установите нужный value, сравнивать не нужно.

[drtvader]

Stalker_RED, ну у меня могут быть разные значения в хэше.

[Stalker_RED]

drtvader, собрал пример.

"ну у меня могут быть разные значения в хэше" - не понимаю смысл высказывания.

[drtvader]

Stalker_RED,
http://localhost:3000/guide-holiday.html#Активный
http://localhost:3000/guide-holiday.html#Горнолыжный
http://localhost:3000/guide-holiday.html#Простой

[Stalker_RED]

drtvader, я не понимаю что вас не устраивает. В примере, который я набросал, тоже разные. Там три ссылки, но можно сделать сколько угодно.

[drtvader]

Stalker_RED, я пробовал) не заработало) в селект выбор не прошел)

[Stalker_RED]

drtvader, пишет ошибку, или что? в селекте точно есть опция, у которой значение совпадает с хешем?

[drtvader]

Stalker_RED,
Самый первый console.log это как раз хэш

[Stalker_RED]

drtvader, похоже, у нас тут проблема xy.

У вас вопрос - Как делать активным нужный пункт в select2?
Я вам дал ответ на этот вопрос, собрал работающий пример. Но вы упорно продолжаете перебирать какие-то элементы (которые никто кроме вас не видел) и сравнивать их текст. Чего вы этим хотите добиться, и какое это имеет отношение к переключению селекта - непонятно. Переключать селект можно без этого всего, там реально три строчки нужно написать:
1. получить текущий хеш
2. установить его в value селекта
3. вызвать событие change, чтобы select2 и все остальные скрипты применили изменение.

Если у вас какая-то другая задача - опишитее ее, ммне же отсюда не видно, и угадать не получается.