Material select slowness during dynamic option manipulation


Topic: Material select slowness during dynamic option manipulation for large option list

Jorge Nuñez Malledo asked 5 years ago

When manipulating options within material select's large option list it takes too much time to complete Mozilla Firefox Warning. Check the snippet below. For 300 options select list, disabling/enabling elements takes aproximately 15 seconds to complete, triggering the alert

Option manipulation is performed using sentences like the following

$('#mySelect option[data-isOdd="true"]').prop('disabled', true);

Is there a better way to achieve this goal?

Thank you friends and take care during this tough time

Snippet: https://mdbootstrap.com/snippets/jquery/jorge_nunez_malledo/1933363


Grzegorz Bujański staff commented 5 years ago

Hi. I'm afraid I don't know a better way to do it. You have too many options in select and this action must take time.


Please insert min. 20 characters.

FREE CONSULTATION

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

Status

Open

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB jQuery
  • MDB Version: 4.15.0
  • Device: Lenovo T480
  • Browser: Mozilla Firefox 74.0 (64-bit)
  • OS: Windows 10
  • Provided sample code: No
  • Provided link: Yes