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

How to add a row to a table from clicking multiselect

本文关键字:添加 何通过 单击      更新时间:2023-09-26

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

我要进一步解释我想做什么http://jsfiddle.net/Wdj6G/

您可以监听onchange事件的选择框,并为所选项创建一个DOM元素,将其存储在全局对象中(以select值为键),然后将其添加到表中。如果取消选择此项,则可以从具有全局对象的表中删除该元素。

选择框发生更改事件,从选择框中获取值和显示文本;在多选的情况下,循环浏览所有选定项目的数量;逐一取下它们;创建元素TR和TD。将值追加到TD,然后将其追加到TR,最后追加到表。如果项目被取消选择,则用于从表中删除ChildElement(Row)。

查看以下内容以获得帮助:DOM