如何在select控件的正下方呈现所选值？

select option:checked {
  background-color: #f0f0f0;
  color: #333;
}

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

<div id="selectedValue"></div>

<script>
  var select = document.getElementById("mySelect");
  var selectedValue = document.getElementById("selectedValue");

  select.addEventListener("change", function() {
    selectedValue.textContent = select.value;
  });
</script>