JavaScript-将所选选项添加到列表中

因此，我试图用用户选择的选项填充一个组合框。一旦用户选择项目并单击Add，我想将所选项目的文本值添加到列表中

我让第一部分按照我的意愿工作，但是，我在将值添加到列表中时遇到了困难。老实说，我不知道如何完成它，或者什么是最好的方法？如果有人能让我走上正确的道路，了解我需要研究的内容，以及我应该研究的事件侦听器、方法，那将非常好。我对JavaScript非常陌生，我很难对它动脑

到目前为止，我所拥有的：

功能更改选项（链接）{
如果（链接==“”）{
返回；}
交换机（链路）{
案例“类别1”：
var库存=新阵列(
“项目1”，
“项目2”，
“第3项”）；
打破
案件“类别2”：
var库存=新阵列(
“项目4”，
“项目5”，
“第6项”）；
打破
} 
i=document.form.items.options.length；
如果（i>0）{
document.form.items.options.length-=i；document.form.items.options[i]=null；
}
对于（i=0；i

选择一个类别

类别1 |
类别2



库存

选择一个项目

我添加了一些代码，将所选值附加到组合框下方的列表中。我为submit添加了一个表单事件侦听器。提交时，我们获得选择框的值并将其添加到列表中。您可以对此进行调整并添加验证和其他内容。我还向html添加了一些id以查询JS中的元素

var select=document.getElementById（'select'）；
var form=document.getElementById（'form'）；
var list=document.getElementById（'list'）；
var addItem=功能（项目）{
返回“
”+项目+”
”；
}
var handleSubmit=函数（e）{
e、 预防默认值（）；
list.innerHTML+=addItem（select.value）；
}
表格.附录列表（“提交”，可处理提交）；
功能更改选项（链接）{
如果（链接==“”）{
返回；
}
交换机（链路）{
案例“类别1”：
var库存=新阵列(
“项目1”，
“项目2”，
“第3项”）；
打破
案件“类别2”：
var库存=新阵列(
“项目4”，
“项目5”，
“第6项”）；
打破
}
i=document.form.items.options.length；
如果（i>0）{
document.form.items.options.length-=i；
document.form.items.options[i]=null；
}
对于（i=0；i

选择一个类别


类别1|
类别2




库存


选择一个项目