js弹框表格，获取数据添加进去dom里面

Question

比如我在一个父级的列表中

需要通过点击弹框出来后，选择产品，加入到此列表中，应该用什么方式比较适合？
有什么比较好的解决方案或者思路，使得通用性比较好，并且代码冗余比较少。

目前用的方法是，点击之后，弹框出来，在弹框中用input hidden将该产品所有信息字段存起来（因为只需要显示部分数据，但是，加过去父表的数据，有些是在弹框中不用显示出来的，比如有a,b,c,d,e,f；但是弹框只需要显示a和b，但是主表需要显示d，e，为了不重新请求，所以就input hidden把所有字段都先存起来），等到要选择添加的时候，再将数据写过去，请问下有没有更好的思路，或写法可以推荐学习一下 谢谢

Answer 1

开始没明白你的意思，想了一下似乎类似于这种城市多级联动的Demo？我觉得完全可以模仿它的写法呀，用一个json装所有的数据，每次请求一下存到变量里，然后挂到事件上每次查询再更新处理下就好了。

Answer 2

首先一点，JS 中可以使用数组和对象来保存数据，不需要使用 DOM 来保存数据。像列表，一般使用对象数组来保存数据，使用起来也会比较方便。你说的弹框有些显示有些不显示，我不明白你实际想要的效果是什么。但不管怎么样，都可以将完整的数据列表传递过去，再按一定条件过滤出需要显示的部分——不管是只显示部分数据，还是只显示部分字段，都没有问题。总之，这个问题描述得并不清楚。也许在你自己脑袋里是清楚的，但是人描述出来之后需要一个对你做的东西毫无概念的人理解你的问题，还需要仔细斟酌一下该怎么来描述。如果实在文字描述不清楚，可以多放点图，也可以在 jsfiddle 上去做年示意