Select form

Topic: Select form

HugoDesign free asked 7 years ago

Problem with the initialization of the select

Add comment

tianyi free answered 6 years ago

It seems it didn't work because that material select is part of the premium package. I am using the free version. Didn't notice that. So never mind then.

Add comment

tianyi free answered 6 years ago

0 0 Best answer

Hi,

I am exactly the same problem here. Any idea why?

My test for this is quite simple, downloaded the zip file, added one select in the body, and added the initialise code.

<pre><code>  <body>
    
    <select class="mdb-select" >
      <option value="" selected>Choose your option</option>
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
    </select>
    <label>Example label</label>
    
    
    
    <script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
    
    <script type="text/javascript" src="js/tether.min.js"></script>
    
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    
    <script type="text/javascript" src="js/mdb.min.js"></script>
    <script>
     $(document).ready(function() {
       $('.mdb-select').material_select();
     });
    </script>
  </body>
</code></pre>

Please insert min. 20 characters.

Hi, I am exactly the same problem here. Any idea why? My test for this is quite simple, downloaded the zip file, added one select in the body, and added the initialise code.

  <body>
    <!-- Start your project here-->
    <select class="mdb-select" >
      <option value="" selected>Choose your option</option>
      <option value="1">Option 1</option>
      <option value="2">Option 2</option>
      <option value="3">Option 3</option>
    </select>
    <label>Example label</label>
    <!-- /Start your project here-->
    <!-- SCRIPTS -->
    <!-- JQuery -->
    <script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
    <!-- Bootstrap tooltips -->
    <script type="text/javascript" src="js/tether.min.js"></script>
    <!-- Bootstrap core JavaScript -->
    <script type="text/javascript" src="js/bootstrap.min.js"></script>
    <!-- MDB core JavaScript -->
    <script type="text/javascript" src="js/mdb.min.js"></script>
    <script>
     $(document).ready(function() {
       $('.mdb-select').material_select();
     });
    </script>
  </body>

Add comment

HugoDesign free answered 7 years ago

0 0 Best answer

Ready, and send files

Add comment

Michal Szymanski staff answered 7 years ago

0 0 Best answer

Make a zip with all your files and send it to me at m.szymanski@mdbootstrap.com . I'll take a look at it and figure out what's wrong.

Add comment

HugoDesign free answered 7 years ago

0 0 Best answer

Please insert min. 20 characters.

If I used the code documentation I have the same structure of files and when implementing the select on the form does not make the same effect as in the examples in the documentation , I created a Js file where I have the function invokes the said select. But when placing the function which is as follows: $(document).ready(function () { $('select').material_select(); }); The console throws me an error saying that no function is . ScreenShot-1