El código del html (solo la parte del select)
<form class="col-6 col-sm-6 col-md-4 col-lg-3 col-xl-2">
<select class="form-select shadow-sm " id="select">
<option selected> Filter by Region</option>
<option value="africa" class="africa">Africa</option>
<option value="america" class="america">America</option>
<option value="asia" class="asia">Asia</option>
<option value="europa" class="europa">Europa</option>
<option value="oceania" class="oceania">Oceania</option>
</select>
</form>
Con javascript intenté conseguir ya sea el value o el texto, sin embargo solo me da el selected, que en este caso (como se ve en el código de HTML), es "Filter by Region", y si selecciono otra opción, no se modifica la opción. Y esta es la parte que intento conseguir el value con js:
const select = document.getElementById('select');
const value = select.value;
const text = select.options[select.selectedIndex].innerText
console.log(value);
console.log(text);