Javascript 将所选项目附加到列表中

我想创建一个包含一些项目的下拉框。用户选择项目并单击“+”按钮后，项目将添加到下方的“篮子”部分。他们应该能够反复添加多个项目

document.getElementById（“按钮”）.onclick=function（）{
var a=document.getElementById（“选择”）；
var item=a.options[a.selectedIndex].text；
document.getElementById（“basket”）.innerHTML=item；
var计数器=1；
while（counter您没有连接它们。
document.getElementById（“basket”）.innerHTML=item；
删除basket中的所有内容并仅添加所选内容

使用此选项可将新项目与篮子
文档.getElementById（“篮子”）.innerHTML+=item；
中已存在的项目连接起来。您可以对其进行样式设置，使篮子看起来美观。
表单中的按钮具有否
type=“button”。因此它被用作提交按钮，这就是为什么你得到空白页。

你不需要一个循环

例子

var-button=document.getElementById（“按钮”）；
var select=document.getElementById（“select”）；
var basket=document.getElementById（“basket”）；
//添加文本
函数addToBasket（）{
var li=document.createElement（“li”）；
li.innerHTML=select.options[select.selectedIndex].text；
一篮子儿童（李）；
}
按钮。addEventListener（“单击”，addToBasket）；
选择您的项目！
项目：
一
二
三
四
+

篮子
我已经添加了这个，但是一旦按下按钮，我仍然会得到相同的结果，项目被添加到空白页面。这几乎是我需要的，我希望它显示内部html，而不是值，例如“一”而不是“1”。此外，我需要它们以列表格式显示，当单击按钮时，项目会显示在彼此下方，例如面包、牛奶、豆类
li。如果不需要对内容进行HTML解析，textContent
的性能要比
li.innerHTML
好得多。