首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >更新的表标题将被追加到以前的表标题,而不是替换它

更新的表标题将被追加到以前的表标题,而不是替换它
EN

Stack Overflow用户
提问于 2019-04-17 04:00:33
回答 1查看 20关注 0票数 1

我有一个用D3.js生成的表;当我在下拉菜单中进行选择时(例如,"Alaska“而不是初始/默认值"Alabama"),标题应该会更新。虽然我能够让新的标题出现在表格的上方,但我的问题是更新后的标题会附加到以前的标题上,而不是替换它。

这是我的推杆:http://next.plnkr.co/edit/7b4CmQqnm3L70QL9FgQD

我尝试将生成标题的代码移到最终的括号};之外,虽然这修复了重复问题,但这只会导致标题中的selectedState停留在“Alabama”上。

我还尝试修改了onchange()函数,使其删除#title div的方式与表更新时删除table div的方式类似。虽然这成功地完全删除了#title div,但新标题并没有被重新绘制-它只是被删除了。

我尝试将标题或其中的一部分定义为常量。但我只是得到了语法错误。有没有人可以演示基于this Plunker更新标题的正确方法?我尝试过以下针对.enter.update.exit的教程,但我就是不能掌握如何应用它们--或者它们是否适用于我的情况。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2019-04-17 09:25:36

在你的代码中,这...

div.innerHTML += 'Primary substance use among TEDS aged 12 years and older, by gender, age, race, and ethnicity: ' + selectedState;

...is只是将该<div>中以前的任何文本与新文本连接起来。

相反,只需分配一个新值:

div.innerHTML = 'Primary substance use among TEDS aged 12 years and older, by gender, age, race, and ethnicity: ' + selectedState;

这是更新的柱塞器:http://plnkr.co/edit/qCk4iu51SAtHJ3LzTB27?p=preview

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/55715793

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档