Select input not working

  1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
Topic: Select input not working

ahmado_vic asked 8 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 answered 5 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();
});

Kamil Paciepnik answered 8 years ago

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

fadil.bourkouli pro answered 8 years ago

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

Kamil Paciepnik answered 8 years ago

Could you please share your code? Regards

fadil.bourkouli pro answered 8 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 answered 8 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 8 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 answered 8 years ago

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

viqui pro answered 7 years ago

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

Gerard Fossoul pro answered 7 years ago

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

Natael Bernardo pro commented 7 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 commented 7 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>

legaulph 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 pro premium commented 6 years ago

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

Syed Arif Andrabi 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

Syed Arif Andrabi 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 pro premium commented 6 years ago

Material Select is a premium component and it won't work with MDB Free
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
ahmado_vic
0Support score
1Questions 0Answers
0Snippets likes 0Snippets