如何显示下拉菜单中的内容（选项）

Question

我正在尝试做的是创建一个用户下拉列表（选项）当用户从下拉菜单中选择选项时，它将在文本区域显示其内容/注释<Option id="1"> Cancel </option><Option id="2"> Renew </option>     <P><div id="1"> this is content of cancellation</p></div>因此，当用户选择“取消”时，它将在文本区域或“文字记录”区域中显示其内容

Answer 1

请收听变化select然后设置textContent的div：

document.getElementById("select").addEventListener("change", () => {

  document.getElementById("myDiv").textContent = document.getElementById("select").value;

});

<select id="select">

  <option id="1" value="Cancel"> Cancel </option>

  <option id="2" value="Renew"> Renew </option>

</select>

<div id="myDiv">Replacement Text</div>