如何通过单击多选来向表中添加行

时间:2012-01-27 13:43:33

标签: javascript dom select jquery

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

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

2 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

选择框的Onchange事件,从选择框中获取值和显示的文本; 在多个选择的情况下,循环遍历所有选定的项目;逐一拿走每一个;创建元素TR和TD。将值附加到TD然后将其附加到TR,最后附加到table.simailar以从表中删除ChildElement(Row),如果项目被解析的话。

看看这个帮助:DOM