ユーザー入力に基づいて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>

ここan exampleです。

Answer 2

私はあなたがサーバー上で検索を行うと仮定します。

1. はあなたが一致（onKeyUpを、onBlurイベント、...など）を持っているかどうかをチェックする際に調べると、関数へのご入力からこのイベントをバインドX
2. 入力値を取得し、この値を持つajaxクエストをサーバーに送信する関数Xを作成します（例：www.server.com/userQuery?query=value）。
3. サーバーで、上記の点で言及されたルート。このルートは、値または値の一部を含むエントリをデータベースに照会します（例：LIKE 'value％'）。検索にsqlを使用することのみが制限されます。
4. ルートは（1以上は、あなたが望むものに依存）の結果が返されます、あなたは名前だけに、これまで