thank you very much. the solution works

MDB 4.8.7

thanks for your help man

Which version of MDB do you use?

Thx Nikolaj,

I tried it with your code and I still have the problem. I get the data as you can see in this array.

the I implemented the code you gave me. the options are appended to the select menu

These are the 3 select menus, and the third one is the troublemaker (class mdb-select md-form searchable).

the data for the third menu is there in html as showed in the following picture

but I is not displayed as a clickable option in the select menu.

when you look at the second row select menu with a "38". this select menu works very similar to the third row menu and has no problems.

the main difference I noticed is that it has a ul list also filled with the values I passed via javascript as seen below

this ul list element is completely empty in my third row menu. but It all works with the select menu "class browser-default custom-select custom-select-lg mb-3

please

Hi there,

Here's an example of correct data fetching to our Material Select. I hope it will be helpful:

$.ajax({
  url : "https://restcountries.eu/rest/v2/region/europe",
  dataType : "json"
})
.done(res => {
  let apiOptions = [];
  for(let i = 1; i < 50; i++) {
    apiOptions.push($(`<option value="${res[i].alpha3Code}">${res[i].name}</option>`))
  }
  $('.form-9 select').append(apiOptions);
})

Best regards