ahmado_vic free asked 7 years ago


when i use <select class="mdb-select"> <option value="" disabled selected>Choose your option</option> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> and initialized jquery code $('.mdb-select').material_select(); but it's not working please tell my how solve it?

germantellezv free answered 4 years ago


I'm using the pro version and what worked for me was check the filename of jquery script src. Try using CDN

// This worked for me
$(document).ready(function() {
    $('.mdb-select').materialSelect();
});  

Syed Arif Andrabi free answered 6 years ago


Please check your initialization ..It should be as given below ..It should not be of free version

// Material Select Initialization
$(document).ready(function() {
$('.mdb-select').material_select();
});

the free version initialization is below and it donot work...
// Material Select Initialization
$(document).ready(function() {
$('.mdb-select').materialSelect();
});


the difference only is materialSelect() method which creates all problems..
replace it with 
material_select()


Hope this works for all guys
Syed Arif


Bartłomiej Malanowski staff commented 6 years ago

Material Select is a premium component and it won't work with MDB Free


Syed Arif Andrabi free answered 6 years ago


Please check your initialization ..It should be as given below ..It should not be of free version

// Material Select Initialization
$(document).ready(function() {
    $('.mdb-select').material_select();
});

the free version initialization is below and it donot work...
// Material Select Initialization
$(document).ready(function() {
 $('.mdb-select').materialSelect();
});


the difference only is materialSelect() method which creates all problems..
replace it with 
material_select()


Hope this works for all guys
Syed Arif

legaulph free answered 6 years ago


Greetings. I too am having the same problem. I've replaced my select with your code and to no avail, it does not work.

Bartłomiej Malanowski staff commented 6 years ago

what's your code? what's your version of MDB? do you use pro or free version?

Gerard Fossoul pro answered 6 years ago


I have te same problem, how can i fix it?

Natael Bernardo pro commented 6 years ago

Check if you have initialized material select : // Material Select Initialization $(document).ready(function() { $('.mdb-select').material_select(); }); And place JqueryJs before MDBJs

wsmith free commented 6 years ago

Greetings. I too am having the same problem. I've replaced my select with your code and to no avail, it does not work. I've purchased MDBPro <script> // Material Select Initialization $(document).ready(function() { $('.mdb-select').material_select(); }); </script> <select class="mdb-select" multiple> <option value="" disabled selected>Shop By Brands</option> <option value="1">FHI Heat</option> <option value="2">Stylus</option> <option value="3">Daily Beauty</option> <option value="3">Hair Veil</option> <option value="3">Neo bond</option> </select>

viqui pro answered 7 years ago


I have te same problem, how can i fix it?

Kamil Paciepnik free answered 7 years ago


fadil.bourkouli, unfortunately the file that is located at the above link does not exist.

fadil.bourkouli pro answered 7 years ago


My code is the same. even if I changes and I have the same problem. please see the link bellow is a screenshot to my dropdown menu https://www.dropbox.com/s/6k89n7g38rtjavp/Screen%20Shot%202017-01-26%20at%208.42.25%20AM.png?dl=0 Thanks

Kamil Paciepnik free answered 7 years ago


The problem in your code is . Please try this: HTML:
<select class="mdb-select" multiple>
    <option value="" disabled selected>Shop By Brands</option>
    <option value="1">FHI Heat</option>
    <option value="2">Stylus</option>
    <option value="3">Daily Beauty</option>
    <option value="3">Hair Veil</option>
    <option value="3">Neo bond</option>
</select>
JS:
// Material Select Initialization
$(document).ready(function() {
    $('.mdb-select').material_select();
});
Regards

fadil.bourkouli pro answered 7 years ago


` <div class="col-md-3"> <select class="mdb-select" multiple> <option value="" disabled selected>Shop By Brands</option> <option value="1">FHI Heat</option> <option value="2">Stylus</option> <option value="3">Daily Beauty</option> <option value="3">Hair Veil</option> <option value="3">Neo bond</option> </select> <script> $(document).ready(function() { $('.mdb-select').material_select(); }); </script> </div>

Kamil Paciepnik free answered 7 years ago


Could you please share your code? Regards

fadil.bourkouli pro answered 7 years ago


Hi Kamil, I am using the pro version, but the mdb-selecet still not working

Kamil Paciepnik free answered 7 years ago


Hi ahmado_vic, which version of MDB you're using? Material Select are only available in the PRO version. Regards

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

  • ForumUser: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags