Material Select enable/disable via javascript

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Material Select enable/disable via javascript

swipiidev asked 8 years ago

Hi, We are using a material select component and trying to enable/disable it via javascript. We can destroy the material select no problem using $('.mdb-select').material_select('destroy'); but when we reinitialise with $('.mdb-select').material_select() we reinitialise the disabled version, I can't see anything in your documentation around reinitialising with a different status. If we call $('.mdb-select').material_select() twice we end up with two material selects one disabled and one enabled. Can you please advise how to enable and disable material selects via javascript? Thanks and kind regards, Caroline

Magdalena Obalska answered 8 years ago

Hi, Caroline, paste your code here, please, and tell me more precisely what do you expect to get.

swipiidev answered 8 years ago

Hi Madgalena, We are just trying to dynamically disable and re-enable a material select (dropdown). Here is our html to create a disabled select list: 

 <div class="col-3">
            <select name="SelectedFilter.FilterType" id="FilterType" class="mdb-select" disabled>             
                <option value="0">Customer has visited</option>
                <option value="1">Customer has not visited</option>
        </select>
</div>
Here is our javascript to initialise the select element: $('.mdb-select').material_select(); We have tried using $('.mdb-select').material_select('destroy'); to remove the select then using $('.mdb-select').material_select(); to re initialise it, however the select element is still disabled (we want to enable it using javascript) Can you please advise? Thanks

Adrian Sawicki answered 8 years ago

Hello, If you want to remove disabled. It's enough to remove this attribute. 
$(".mdb-select").material_select();
$(".mdb-select").material_select("destroy")
$("#FilterType").removeAttr("disabled")
$(".mdb-select").material_select();
Regards, Adrian

swipiidev answered 8 years ago

Thanks, I'll give this a try.

Josip Tomašev pro premium priority answered 8 years ago

Adrian Maybe better solution is: 

$(".mdb-select").material_select();
$("#FilterType").material_select("destroy")
$("#FilterType").removeAttr("disabled")
$("#FilterType").material_select();
On page with more select field you can see flicker, but if only one field was affected less time need for rerender and you have less side effect on rest of page

rogertor pro answered 6 years ago

jgjgjgjhhjbjjh hjh jh jhj

Bartłomiej Malanowski staff pro premium commented 6 years ago

I think it's not that kind of content we're looking for. If you're having troubles with our library, please ask the real question. If you just want to follow this thread, you can use the "subscribe" button on the right sidebar of this page
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

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

Answered

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
About author
swipiidev
10Support score
1Questions 6Answers
0Snippets likes 0Snippets