How do I programmatically set the value of a select box element

<select id="mySelect">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
  <option value="option3">Option 3</option>
</select>

<button onclick="selectOption()">Select Option 2</button>

<script>
function selectOption() {
  var selectBox = document.getElementById("mySelect");
  selectBox.value = "option2"; // set the value of the select box to "option2"
}
</script>