I don't know how to retrieve the currently selected value in a field

Question

does anyone know how to get the currently selected value from the select field? I have no idea how to do it, I tried many ways?

Answer 1

document.getElementById('myButton').addEventListener('click', function () {
  console.log(document.getElementById('mySelect').value)
})

<select id="mySelect">
  <option value="a">a</option>
  <option value="b">b</option>
</select>

<button id="myButton" type="button">Show Selection</button>