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

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", () => {&nbsp; document.getElementById("myDiv").textContent = document.getElementById("select").value;});<select id="select">&nbsp; <option id="1" value="Cancel"> Cancel </option>&nbsp; <option id="2" value="Renew"> Renew </option></select><div id="myDiv">Replacement Text</div>