Topic: Lazy Loading Select Box Icons

williamw priority asked 2 years ago

On this help page:

It says how you can have custom images as data-mdb-icon 's in each option field.

<select class="select">
  <option value="1" data-mdb-icon="" >One</option>

I would like to lazy load theses images as there are very many in the select options and it slows down page load times.

Would something like loading="lazy" work, or could this be done with an ajax / json call?

I have tried using loading="lazy" but this doesn't work.

Thanks! William

Grzegorz Bujański staff answered 2 years ago

Unfortunately, there is no such option in select. I will add this to our list of ideas, and maybe one day we will add an option. At the moment, what I can suggest is to generate an empty select after page load and update it after getting the API data. I prepared a snippet that simulates how this can be done:

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.



Specification of the issue

  • ForumUser: Priority
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 3.9.0
  • Device: Custom Build
  • Browser: Chrome
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes