Disabling material select using JavaScript

russ pro commented 5 years ago

Thanks for the suggestion but sadly it didn't work for me. Did you try it yourself with any success?

---

Tina Meadors pro commented 5 years ago

I had not tried it myself, so I gave it a go. I discovered that you have to destroy and reinitialize the select after you add the disabled attribute. Here's what worked for me:

document.getElementById("airfillselect").disabled = true; $('.mdb-select').materialSelect({ destroy: true }); $('.mdb-select').materialSelect();

---

Tina Meadors pro commented 5 years ago

I made a snippet for you here. (First time ever, so I hope I'm doing this right)

https://mdbootstrap.com/snippets/jquery/tinameadors-com/936844

---

$(yourElement).removeAttr('active');
$(yourElement).attr('disabled');