如何根据用户输入在div中显示数据？

Question

我有一个表单，通过数据库将信用从一个帐户发送到另一个帐户。

当用户输入他们的ID号码时，我想显示用户的姓名，以便他们确定这是正确的帐户。

示例：

之前：

之后：

Answer 1

当用户输入一些输入时，您需要有一个事件监听器来执行某些代码。

＆＃13;

＆＃13;

document.getElementById("myInput").addEventListener("input", function() {
  // The input just changed. Do something with it.
  
  // For example change the text in the div:
  document.getElementById("myOutput").innerText = this.value;
});

＆＃13;

<input type="text" id="myInput" />

<div id="myOutput"></div>

＆＃13;

＆＃13;

＆＃13;

此处an example。

Answer 2

我假设您在服务器上进行搜索：

1. 找出何时检查您是否匹配（onKeyUp，onBlur，...等）并将此事件从您的输入绑定到函数X
2. 创建一个获取输入值的函数X，并将带有此值的ajax任务发送到您的服务器（例如：www.server.com/userQuery?query=value）
3. 在服务器上，制作上述点所述的路线;此路由将在数据库中查询包含值或值的一部分的条目（例如：LIKE'value％'）。只使用sql进行搜索可能会受到限制。
4. 路由将返回结果（1或更多取决于你想要的），然后你只需使用jQuery来更改显示名称的任何元素的innerHtml