<div class="container mt-5">

  <div>

    <select id="mySelect" data-mdb-select-init>

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

    <label class="form-label select-label">Example label</label>

  </div>

​

  <button id="removeOptionsBtn" class="btn btn-primary mt-5">

    Remove all options

  </button>

</div>

​

​

document.querySelector('#removeOptionsBtn').addEventListener('click', () => {

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

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

​

  selectInstance.dispose();

  selectEl.querySelectorAll('option').forEach(option => option.remove())

​

  new mdb.Select(selectEl);

});

​