如何在html中创建自我更新列表?

时间:2018-05-11 00:25:46

标签: html list self-updating

我是html的新手,我还在努力解决这个问题:

我想创建一个在文本框中添加新项目时自动更新的列表,例如:

我想添加“兄弟”,然后列出“ - 兄弟”,当我决定添加更多项目时,如“姐妹”,它将是“ - 姐妹”在一个新行,但如果我决定添加同样的事情我想要加倍而不添加新的一行,例如,如果我再次添加“兄弟”,它必须在两行中显示“2x Brother”而不是“Brother”,是否可以在html中执行? / p>

提前致谢

1 个答案:

答案 0 :(得分:0)

回答你的问题:

  

可以用html做吗?

我认为不,纯粹的html是不可能的。

您需要使用Javascript。您可以在文本框(输入或文本区域)上侦听更改事件,当有更改时,使用Javascript读取文本框中的单词,将它们添加到Javascript数组,对数组进行排序以检查重复项或检查每个元素数组对所有其他数组检查重复项并将重复项与它们的计数存储在另一个数组中。

使用Javascript还有很多其他方法可以实现您的目标。