jquery-select2jquery-select2-4

Select2: how to add a link instead of "No results found" text?


Following is my code:

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

When I try to add a link the plugin just stop working. I am using Select2 4.0.3 version


Solution

  • If you're using version 4 or newer of select2, try this:

    $('#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>";
                }
            }
        });