创建弹出式列表以填充textView

<button id="showListButton">显示列表</button>
<br>
<br>
<textarea id="textView" rows="5" cols="30"></textarea>

<!-- 弹出式列表 -->
<div id="popupList" style="display: none;">
  <select id="list">
    <option value="选项1">选项1</option>
    <option value="选项2">选项2</option>
    <option value="选项3">选项3</option>
    <option value="选项4">选项4</option>
  </select>
</div>

// 获取相关元素
var showListButton = document.getElementById("showListButton");
var textView = document.getElementById("textView");
var popupList = document.getElementById("popupList");
var list = document.getElementById("list");

// 点击按钮显示弹出式列表
showListButton.addEventListener("click", function() {
  popupList.style.display = "block";
});

// 点击列表项填充textView
list.addEventListener("change", function() {
  textView.value = list.value;
  popupList.style.display = "none";
});