Select input not working

Topic: Select input not working

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?

Add comment

germantellezv free answered 4 years ago

1 0 Best answer

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();
});

Add comment

Syed Arif Andrabi free answered 6 years ago

0 0 Best answer

Please insert min. 20 characters.

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

Add comment

Syed Arif Andrabi free answered 6 years ago

0 0 Best answer

Please check your initialization ..It should be as given below ..It should not be of free version<pre><code>// Material Select Initialization
$(document).ready(function() {
 $('.mdb-select').material_select();
});</code> the free version initialization is below and it donot work...</pre><pre class="grey lighten-3 px-3 mb-0 line-numbers language-js"><code class=" language-js">// Material Select Initialization
$(document).ready(function() {
 $('.mdb-select').materialSelect();
}); the difference only is materialSelect() method which creates all problems.. replace it with  </code></pre><pre><code>material_select() Hope this works for all guys Syed Arif</code></pre><pre class="grey lighten-3 px-3 mb-0 line-numbers language-js"><code class=" language-js"></code></pre>

Please insert min. 20 characters.

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

Add comment

legaulph free answered 6 years ago

0 0 Best answer

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?

Add comment

Gerard Fossoul pro answered 6 years ago

0 0 Best answer

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>

Add comment

viqui pro answered 7 years ago

0 0 Best answer

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

Add comment

Kamil Paciepnik free answered 7 years ago

0 0 Best answer

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

Add comment

fadil.bourkouli pro answered 7 years ago

0 0 Best answer

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

Add comment

Kamil Paciepnik free answered 7 years ago

0 0 Best answer

Please insert min. 20 characters.

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

Add comment

fadil.bourkouli pro answered 7 years ago

0 0 Best answer

` <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>

Add comment

Kamil Paciepnik free answered 7 years ago

0 0 Best answer