Select

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

Alfian Firdaus asked 9 years ago

Hi inventor, 1. I want to use the simple MDB Select, I already initialize the <script> (according your tutorial) before </head>, but it still not shown anything, and then I try to add <select class="form-control"> so the select wants to show up, but the result is https://goo.gl/5nLoHk. 2. I try to use datepicker, I also already initialize the <script> before </head> but doesn't work like material-design, also not appears on my code editor as usual (src : https://goo.gl/oqPn5X) Please do somethings for it ..

Michal Szymanski staff pro premium priority answered 9 years ago

Hi, you should place initialization code before closing tag </body>, not </head>

Alfian Firdaus answered 9 years ago

I see , this is the way to initialize ? <!-- DropDown Select --> <script> $(document).ready(function () { $('select').material_select(); }); </script> </body>

Michal Szymanski staff pro premium priority answered 9 years ago

Exactly. Initialization script should be places below js files, because it needs them to works correct.

Chris Ortiz answered 7 years ago

Hi Michal Im using this code Start your code here... <!--Second column--> <div class="col-md-6"> <div class="md-form"> <input placeholder="Selected date" type="text" id="date-picker-example" class="form-control datepicker"> <label for="date-picker-example">Try me...</label> <script>// Data Picker Initialization $('.datepicker').pickadate(); </script> </div> </div> </div> But nothing happens. I put the code below to the end of the form and nothing happens too. How can I initialize the code for date datepicker Thank you. 


                                                                                    

                                                                                
                                        

                                                                                                                                                                                                                                    

                                                                                                            
                                                                                                    

                                                                                    

                                        
                                    

                                                                                                        

                                
                                                                                                        
                            

                                
                                

                                    

                                        
                                        
                                        
                                        
                                    

                                

                                
                                
                                

                                    
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
                
    • 
                
            

        

                                

                        
                                                    
                            

                                
                                
Tags

                                
                                

                                                                            select-datepicker
                                                                    

                            

                            
                                                                                                    
                            

                                
                                
Related topics

                                
                                

                                                                            

                                            

                                                3
                                            

                                            

                                                I need documentation for jQuery stepper & materialSelect and other modules
                                            

                                        

                                                                            

                                            

                                                0
                                            

                                            

                                                mdb Gulp pro package I wanna ...
                                            

                                        

                                                                            

                                            

                                                0
                                            

                                            

                                                mdb-select and mdb-date-picker not binding
                                            

                                        

                                                                    

                            

                            
                                                                            
                            

                                
                                
About author

                                                                    
                

                            
                        

                


                    
                    

                        Alfian Firdaus
                    

                    
                    
                    

                    
                    
                                                            
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    
                    

                    14Support score
                    

                    8Questions
                    7Answers
                    

                    
                    

                    0Snippets likes
                    0Snippets