Javascript 在“选择”中显示以前选择的选项

假设我有一个HTML设置，后面有一些JS

<select id="my-select" onchange="changeFunc()">
  <option>A</option>
  <option>B</option>
</select>

---

有什么方法可以实现选择元素的这种效果吗？

您可以通过两种方法来实现这一点，一种是将所有以前选择的值存储在

数组中

并在div中将其显示为record，另一种是在同一选择中创建新的

选项

，并将它们附加到一个列表中

解决方案：如果要在相同的

选择中显示先前选择的
选项，请选择

现场演示


let recSel=document.querySelector（“#record_select”）
函数changeFunc（e）{
让opt=document.createElement（'OPTION'）；
opt.textContent=e.options[e.selectedIndex].textContent
opt.value=e.options[e.selectedIndex].value
再选择附加子项（opt）；
}

选择
A.
B
C
E
F
G

let selectedValues = [];

changeFunc() {
  selectedValues.push(mySelect.value);
  mySelect.DISPLAY = selectedValues.join(', ');
}