​

const wrapper = document.querySelector('.wrapper');

const btn = document.querySelector('.btn');

const selectString = `

 <select class="select" id="mySelect">

  <option value="1">One</option>

  <option value="2">Two</option>

  <option value="3">Three</option>

  <option value="4">Four</option>

  <option value="5">Five</option>

 </select>

`;

btn.addEventListener('click', () => {

  const select = document.querySelector('#mySelect');

  const selectInstance = mdb.Select.getInstance(select);

  selectInstance.dispose();

  wrapper.innerHTML = "";

  wrapper.insertAdjacentHTML( 'beforeend', selectString );

  const mySelect = new mdb.Select(document.getElementById('mySelect'))

})