​

const form = document.querySelector('.needs-validation')  

const select = document.createElement('select')

const submitBtn = document.getElementById('submit')

select.id = 'select'

select.innerHTML = `    

    <option value=""  hidden selected></option>

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

    <option value="6">Six</option>

    <option value="7">Seven</option>

    <option value="8">Eight</option>`

form.insertBefore(select, submitBtn)

const instance = new mdb.Select(select, {

  validation: true,

  validFeedback: "This value is valid",

  invalidFeedback: "This value is invalid",

  clearButton: true

})

​

console.log(instance)

select.closest('.select-wrapper').querySelector('.select-input').classList.add('is-invalid');

​

​