【发布时间】:2020-02-25 05:00:19
【问题描述】:
所以,我用谷歌搜索、搜索和搜索。也许我需要提高我的谷歌技能。 也许答案已经存在于这个页面的某个地方,但我还没有找到它。反正。
所以我正在处理一个显示日期、交易类别、位置和交易金额的 csv 文件。以该顺序。
所以我需要做的是在 HTML 表格中动态呈现这些信息。用户应该能够从下拉菜单中选择位置,并且应该使用有关从该位置完成的交易的相应信息来更新表格。
我能够从 csv 文件中呈现整体信息,但是当它真正动态化时,我很挣扎。
所以我将信息存储在二维数组中 [日期、交易类别、位置、交易类别]。
所以我真正的问题是,我如何才能真正做到动态化。意思是,如何在不硬编码任何内容的情况下更新标签。我希望它与我上传的 csv 文件无关。
我认为最好有一个函数循环遍历数组并在 onchange 事件上拆分用户选择的数组,然后将选择的数组发送到输出。但我无法完全想象这将如何完成......
感谢您的任何建议。 :)
【问题讨论】:
-
您是否了解过 VueJS 或 Angular 等前端框架?它们可以帮助您轻松加载数据(例如 csv 文件)并通过过滤和排序功能呈现数据
-
感谢您的建议!我会明确地调查他们。因为这是大学的入门课程,他们希望我们使用 javascript 而不需要额外的库,所以我想我必须坚持一些更基本的东西。
标签: javascript html arrays csv dynamic