在输入字段中输入@后，如何获得下拉列表？

Question

输入字段后输入@后如何获取下拉列表？

例如： - 当您在whatsapp组中输入@时，我们将获得该组中所有人的下拉列表。

我如何在javascript中实现相同的目标？

Answer 1

只需检查输入是否为“@”字符，并在主体上附加一个选择标记。

function checkForAt() {
  var input = document.getElementById('input').value;

  if (typeof document.getElementsByTagName('select')[0] === "undefined") {

    if (input == "@") {
      var select = document.createElement('select');
      document.body.appendChild(select);

      var option = document.createElement('option');
      option.innerText = "some stuff";
      select.appendChild(option);
    }
  }
}

<input type="input" id="input" onkeyup="checkForAt()">