JSFiddle - React, Tailwind, and code Playground

HTML

<select name="border-all-select" id="border-all-select"><option value="all">Все</option><option value="one">Каждый</option></select>

<select name="slect-type-size" id="slect-type-size-width">
                                <option value="px" selected>px</option>
                                <option value="mm">mm</option>
                                <option value="cm">cm</option>
                                <option value="pt">pt</option>
                                <option value="vw">vw</option>
                                <option value="vh">vh</option>
                                <option value="vmin">vmin</option>
                                <option value="vmax">vmax</option>
                            </select>

JavaScript

//не работает
select_border = document.getElementById('border-all-select')
select_border.addEventListener('change', ()=> {
	console.log('Change select 1')
})

//работает
element_width_type = document.getElementById('slect-type-size-width')
element_width_type.addEventListener('change', ()=> {
	console.log('Change select 2')
})