Select2: как добавить ссылку вместо текста «Результаты не найдены»?

Вот мой код:

$('#cow_id_2').select2({
        allowClear: true,
        placeholder: "Search a cow/dam ID",
        formatNoMatches: function (term) {
            return "<a href=/'http://google.com/'>Add</a>";
        }
    });

Когда я пытаюсь добавить ссылку, плагин просто перестает работать. Я использую версию Select2 4.0.3


jquery-select2 jquery-select2-4 select2
person naqib83    schedule 13.06.2016    source источник

Ответы (2)


arrow_upward
16
arrow_downward

Если вы используете select2 версии 4 или новее, попробуйте следующее:

$('#cow_id_2').select2({
        allowClear: true,
        escapeMarkup: function (markup) { return markup; },
        placeholder: "Search a cow/dam ID",
        language: {
            noResults: function () {
                 return "<a href=/'http://google.com/'>Add</a>";
            }
        }
    });
person George Mastros    schedule 17.06.2016

arrow_upward
1
arrow_downward

Выбранный ответ правильный. Вот небольшая точность. Вместо переопределения escapeMarkup вы можете вернуть объект jQuery в методе noResults. Нравится :

$('#cow_id_2').select2({
    allowClear: true,
    placeholder: "Search a cow/dam ID",
    language: {
        noResults: function () {
            return $("<a href='http://google.com/'>Add</a>");
        }
    }
});
person Thibault J    schedule 09.12.2019