在下拉选项与下拉选项上显示不同的文本

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

<p id="displayText">默认文本</p>

const selectElement = document.getElementById("mySelect");
const displayTextElement = document.getElementById("displayText");

selectElement.addEventListener("change", function() {
  const selectedValue = selectElement.value;

  if (selectedValue === "option1") {
    displayTextElement.textContent = "选择了选项1";
  } else if (selectedValue === "option2") {
    displayTextElement.textContent = "选择了选项2";
  } else if (selectedValue === "option3") {
    displayTextElement.textContent = "选择了选项3";
  }
});