materialSelect is not a function - even in basic snippet

Topic: materialSelect is not a function - even in basic snippet

Kneidels pro asked 3 years ago

Am trying some basic troubleshooting - i cant even get the most basic material select to work... error i get is: materialSelect is not a function

what am i missing??

Thanks

https://mdbootstrap.com/snippets/jquery/moshe/3276129#js-tab-view

$('select[name=drop]').materialSelect();

  <select name="drop" id="drop">
  <option value="">Select...</option>
  <option value="1">1</option>
  <option value="2">2</option>
    <option value="3">3</option>
  </select>

UPDATED:

when i use this code, in the JS window, the select field IS generated, but the default does not disappear!

$(document).ready(function() {
  $('.drop').materialSelect();
});

Add comment

Marcin Luczak staff answered 3 years ago

1 0 Best answer

Hi,

This is because according to the material select documentation material select element should have mdb-select md-form class. Following code will work properly:

<select name="drop" id="drop" class="drop mdb-select md-form">
  <option value="">Select...</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

Keep coding, Marcin

Add comment