Button at the end of the Select2 drop down list

[rec...@gmail.com]

I am using the lastest version of Select2. Want to add an Insert New button at the end of the dropdown list. I tried these two solutions I found online

Solution 1
$(".select2-drop").append('<table width="100%"><tr><td class="row"><button class="btn btn-block btn-default btn-xs" onClick="modal()">Add new Item</button></div></td></tr></table>');

Solution 2
$("#itemId0").select2("container").find("div.select2-drop").append('<table width="100%"><tr><td class="row"><button class="btn btn-block btn-default btn-xs" onClick="modal()">Add new Item</button></div></td></tr></table>');

With Solution 1 nothing happens. With solution 2 I get the error message in the select 2 js file
0x800a138f - JavaScript runtime error: Unable to get property 'apply' of undefined or null reference

Can anyone please help?

Thank you very much

[Ayala Levinger]

If you need the button only when there are no results:

$('.select2').select2({
       allowClear: true,
    
         language: {
             noResults: function() {
                  return '<

table width="100%"><tr><td class="row"><button class="btn btn-block btn-default btn-xs" onClick="modal()">Add new Item</button></div></td></tr></table>

';
            }
         },
       

        escapeMarkup: function (markup) {
            return markup;
        }
    });