Javascript 如何通过单击“多选”将行添加到表中

Javascript 如何通过单击“多选”将行添加到表中,javascript,dom,select,jquery,Javascript,Dom,Select,Jquery,我有一个选择框,一旦单击某个内容,将在下表中追加一个新行,类似于如果取消选择“选择”菜单中的某个项目,则添加的同一行将从表中删除 我有一个助手来进一步解释我想做什么 您可以监听onchange事件的选择框,为所选项目创建DOM元素,将其存储在全局对象中(选择值作为键),然后将其添加到表中。取消选择此项时,可以使用全局对象从表中删除元素。一旦选择框的更改事件,从选择框中获取值和显示的文本; 在多选的情况下,循环选择所有数量的选定项目;把它们一个接一个地拿走;创建元素TR和TD。将值追加到TD,然后

我有一个选择框,一旦单击某个内容,将在下表中追加一个新行,类似于如果取消选择“选择”菜单中的某个项目,则添加的同一行将从表中删除

我有一个助手来进一步解释我想做什么

您可以监听onchange事件的选择框,为所选项目创建DOM元素,将其存储在全局对象中(选择值作为键),然后将其添加到表中。取消选择此项时,可以使用全局对象从表中删除元素。

一旦选择框的更改事件,从选择框中获取值和显示的文本; 在多选的情况下,循环选择所有数量的选定项目;把它们一个接一个地拿走;创建元素TR和TD。将值追加到TD,然后将其追加到TR,最后追加到table.simailar,以便在取消选中项时从表中删除子元素(行)


请看下面的帮助:

看一看,这没有多大意义。。。。。这意味着你的桌子只有一行?这是因为上的
select
元素一次只选择一个项目……换句话说,您希望根据下拉列表中选择的值显示一行吗?对不起,它应该是多选的,因此理论上该表可以有一行或多行。(很抱歉混淆)-我已经修改了我原来的JSFIDLE