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

Question

我有一种表格，可以通过数据库将信用额从一个帐户发送到另一个帐户。

当用户输入其ID号时，我要显示用户名，以便他们可以确保它是正确的帐户。

范例：

之前：

之后：

Answer 1

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

 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; }); 

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

这是一个例子 。

Answer 2

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

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