ajaxで自動応募テキストボックスを作成

ajaxで自動応募テキストボックスを作成したいと思います。いくつかの文字を書いた後、それは電子メールアドレスを返します。 DBからのそれらの文字から始まります。それはJSPで開発する必要があります。誰にでもアイデアはありますか？ajaxで自動応募テキストボックスを作成

出典

2011-02-06 Mayur Patel

次のように実行します。

をJavaScriptで：

function getValue(str){ 
    if (window.XMLHttpRequest) 
    { 
    xmlhttp=new XMLHttpRequest(); 
    } 
else 
    { 
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); 
    } 
url = url +"?" +str; 
xmlhttp.open("POST",url_to_get_db_data,false); 
xmlhttp.send(null); 
document.getElementById('id_of_div').innerHTML=xmlhttp.responseText; 
document.getElementById('id_of_div').style.display = "block"; 
}

とhtmlで：オートサジェストボックスのように見えるように

<input onkeypress="getValue(this.value)"/> //--- this will be your input text 
<div id="id_of_div" style="display:none;"> //--- this is your autosuggest box which will appear down to textbox. Use css to show it at proper location. 
</div>

フォーマットあなたのdivを。これを実現するにはcssを使用してください。

for(Iterator it=db_list.iterator();it.hasNext();) 
    { 
     Object obj = (Object) it.next(); 
     String value = obj.getValue(); 
     out.print(value+"<br>"); 
    }

を：ユーザが選択したときに、次のように

はまた、データベースのリストを取得するときに、サーバー側で document.getElementById('id_of_div').style.display = "none";

編集

を次ずオートサジェストボックスコールJavaスクリプト機能から一つの選択肢は何

これが役に立ちます。

出典

2011-02-06 16:45:14

@Mayurのリストを提供しているオートコンプリート/提案プラグインにhttp://docs.jquery.com/Plugins/autocomplete

を持っている：私はより多くの理解のために私の質問を編集しました。見てみよう –

ありがとうHarry ....そのようなurlでは、DBの各文字を 'like％'で比較するロジックが必要で、最後にそれらのリストを取得する...そのリストを設定するhv smwhere ??そのように私を説明することができますか？.... –

@マユール：私の編集を参照してください。 –

jQuery UIに同梱されているautocomplete pluginを見ることをお勧めします。

見てくださいofficial demoの仕組みを示しています。

出典

2011-02-06 16:45:24

jqueryのUIをWebアプリケーションと統合してみましたか。 jQueryのUIは、それは、AJAXであり、あなたがする必要があるすべては言葉だけ

出典

2011-02-06 16:47:09 Nilesh

こんにちは...私はこのhttp://docs.jquery.com/UI/Autocompleteリンクのみを使用しています...しかし、その機能から呼び出しているページの問題に直面しています...ページ..私はすべてのデータを取得している.. ??? –

ajaxで自動応募テキストボックスを作成

答えて

関連する問題