Material Select enable/disable via javascript

Topic: Material Select enable/disable via javascript

swipiidev free asked 7 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

Add comment

rogertor pro answered 6 years ago

0 0 Best answer

jgjgjgjhhjbjjh hjh jh jhj

Bartłomiej Malanowski staff 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

Add comment

Josip Tomašev priority answered 7 years ago

0 0 Best answer

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

Add comment

swipiidev free answered 7 years ago

0 0 Best answer

Thanks, I'll give this a try.

Add comment

Adrian Sawicki free answered 7 years ago

0 0 Best answer

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

Add comment

swipiidev free answered 7 years ago

0 0 Best answer

Please insert min. 20 characters.

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

Add comment

Magdalena Obalska free answered 7 years ago