Select

Alfian Firdaus free asked 6 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 ..

Chris Ortiz free answered 5 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.


                    
                      

Michal Szymanski staff answered 6 years ago

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

Alfian Firdaus free answered 6 years ago

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

Michal Szymanski staff answered 6 years ago

Hi, you should place initialization code before closing tag </body>, not </head>
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