0

我是 html 新手，我仍在尝试解决这个问题：

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

我想添加“兄弟”，然后列出“-兄弟”，当我决定添加更多项目时，例如“姐妹”，它将是“-姐妹”在新行中，但如果我决定再次添加相同的内容我想在不添加新行的情况下加倍，例如如果我要再次添加“Brother”，它必须在两行中显示“2x Brother”而不是“Brother”，是否可以在 html 中执行？

提前致谢

4

2 回答 2

0

要回答您的问题：

可以用html做吗？

我认为不，这在纯 html 中是不可能的。

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

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

于 2018-05-11T00:33:43.863 回答
0

使用简单的 javascript 插入列表项

<!DOCTYPE html>
<html>
  <body>

    <input id="input1" type="text">
    <input type='button' value='add' onclick="addToTheList()" />

    <ul id="list">
    </ul>
    <script type="text/javascript">
      function addToTheList() {
        var u = document.getElementById("input1").value;
        document.getElementById("list").innerHTML += ("<li>" + u + "</li>");
      }

    </script>
  </body>
</html>

于 2018-05-11T02:21:05.870 回答