select not displaying properly


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


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: 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
Tags