document.readyState === 'complete' ? init() : window.onload = init;

//

function init() {

  var theMultiAutoComplete = new wijmo.input.MultiAutoComplete('#theMultiAutoComplete', {

    placeholder: 'Select some countries',

    displayMemberPath: 'country',

    itemsSource: getData(),

    selectedIndex: -1,

    selectedItemsChanged: (sender) => {

      let html = '';

      sender.selectedItems.forEach((item) => {

        html += `<li>${item.country}</li>`;

      });

      document.querySelector('#selectedItems').innerHTML = html;

    }

  });

}

​

//

function getData() {

  return [

    { id: 1, country: 'Luxembourg', gdpm: 57825, popk: 563, gdpcap: 102708 },

    { id: 2, country: 'Switzerland', gdpm: 664005, popk: 8238, gdpcap: 80602 },

    { id: 3, country: 'Norway', gdpm: 388315, popk: 5205, gdpcap: 74604 },

    { id: 4, country: 'Macao', gdpm: 46178, popk: 647, gdpcap: 71372 },

    { id: 5, country: 'Qatar', gdpm: 166908, popk: 2421, gdpcap: 68941 },

    { id: 6, country: 'Ireland', gdpm: 283716, popk: 4635, gdpcap: 61211 },

    { id: 7, country: 'United States', gdpm: 18036650, popk: 321601, gdpcap: 56083 },

    { id: 8, country: 'Singapore', gdpm: 292734, popk: 5535, gdpcap: 52887 },

    { id: 9, country: 'Denmark', gdpm: 295091, popk: 5660, gdpcap: 52136 },

    { id: 10, country: 'Australia', gdpm: 1225286, popk: 23940, gdpcap: 51181 },

    { id: 11, country: 'Iceland', gdpm: 16718, popk: 333, gdpcap: 50204 },

    { id: 12, country: 'Sweden', gdpm: 493042, popk: 9851, gdpcap: 50049 },

    { id: 13, country: 'San Marino', gdpm: 1558, popk: 31, gdpcap: 50258 },

    { id: 14, country: 'Netherlands', gdpm: 750696, popk: 16937, gdpcap: 44322 },

    { id: 15, country: 'United Kingdom', gdpm: 2858482, popk: 65110, gdpcap: 43902 },

    { id: 16, country: 'Austria', gdpm: 374261, popk: 8621, gdpcap: 43412 },

    { id: 17, country: 'Canada', gdpm: 1550537, popk: 35825, gdpcap: 43280 },

    { id: 18, country: 'Finland', gdpm: 232077, popk: 5472, gdpcap: 42411 },

    { id: 19, country: 'Germany', gdpm: 3365293, popk: 82176, gdpcap: 40952 },

    { id: 20, country: 'Belgium', gdpm: 454288, popk: 11209, gdpcap: 40528 },

    { id: 21, country: 'United Arab Emirates', gdpm: 370296, popk: 9581, gdpcap: 38648 },

    { id: 22, country: 'France', gdpm: 2420163, popk: 64275, gdpcap: 37653 },

    { id: 23, country: 'New Zealand', gdpm: 172257, popk: 4647, gdpcap: 37068 },

    { id: 24, country: 'Israel', gdpm: 299413, popk: 8377, gdpcap: 35742 },

    { id: 25, country: 'Japan', gdpm: 4124211, popk: 126981, gdpcap: 32478 },

    { id: 26, country: 'Brunei Darussalam', gdpm: 12930, popk: 417, gdpcap: 31007 },

    { id: 27, country: 'Italy', gdpm: 1815759, popk: 60796, gdpcap: 29866 },

    { id: 28, country: 'Puerto Rico', gdpm: 102906, popk: 3474, gdpcap: 29621 },

    { id: 29, country: 'Kuwait', gdpm: 114079, popk: 4110, gdpcap: 27756 },

    { id: 30, country: 'South Korea', gdpm: 1377873, popk: 50617, gdpcap: 27221 },

    { id: 31, country: 'Spain', gdpm: 1199715, popk: 46423, gdpcap: 25843 },

    { id: 32, country: 'The Bahamas', gdpm: 8854, popk: 364, gdpcap: 24324 },

    { id: 33, country: 'Bahrain', gdpm: 31119, popk: 1294, gdpcap: 24048 },

    { id: 34, country: 'Cyprus', gdpm: 19330, popk: 847, gdpcap: 22821 },

    { id: 35, country: 'Malta', gdpm: 9752, popk: 429, gdpcap: 22731 },

    { id: 37, country: 'Slovenia', gdpm: 42798, popk: 2063, gdpcap: 20745 },

    { id: 38, country: 'Saudi Arabia', gdpm: 646002, popk: 31386, gdpcap: 20582 },

    { id: 39, country: 'Portugal', gdpm: 199032, popk: 10411, gdpcap: 19117 },

    { id: 40, country: 'Trinidad and Tobago', gdpm: 24631, popk: 1358, gdpcap: 18137 },

    { id: 41, country: 'Greece', gdpm: 195320, popk: 10858, gdpcap: 17988 },

    { id: 42, country: 'Czech Republic', gdpm: 185156, popk: 10538, gdpcap: 17570 },

    { id: 43, country: 'Estonia', gdpm: 22704, popk: 1313, gdpcap: 17291 },

    { id: 44, country: 'Equatorial Guinea', gdpm: 13819, popk: 799, gdpcap: 17295 },

    { id: 45, country: 'Oman', gdpm: 64121, popk: 3840, gdpcap: 16698 },

    { id: 46, country: 'St. Kitts and Nevis', gdpm: 915, popk: 56, gdpcap: 16339 },

    { id: 47, country: 'Palau', gdpm: 287, popk: 18, gdpcap: 15944 },

    { id: 48, country: 'Slovakia', gdpm: 86629, popk: 5421, gdpcap: 15980 },

    { id: 49, country: 'Barbados', gdpm: 4385, popk: 280, gdpcap: 15660 },

    { id: 50, country: 'Uruguay', gdpm: 53107, popk: 3416, gdpcap: 15546 }

  ];

}

​