Topic: select not displaying properly
Chris Sweeney pro premium asked 6 years ago
(I'm using 4.5.16, which isn't available in the dropdown above).
I have created a test form page, showing both the default and md versions of the various inputs.
The material design select options don't display - though part of it is mixed up in the email address field. You can see this on the test page:
I've tried using various div names, without any difference
<div class="md-form">
<select class="mdb-select md-form mb-4 initialized" id="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>
<label for="select">Material select</label>
</div>
Thanks
Chris
Marta Szymanska staff pro premium answered 6 years ago
Hi,
would you try code from my snippet: https://mdbootstrap.com/snippets/jquery/marta-szymanska/216047?
Best,
Marta
Chris Sweeney pro premium commented 6 years ago
Thanks Marta - took me a while to work out where to put the script code, but once it's below the other code, everything works perfectly.
Thanks again,
Chris
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Answered
- User: Pro
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.5.15
- Device: all
- Browser: all
- OS: all
- Provided sample code: Yes
- Provided link: Yes