当前位置: 首页 > 工具软件 > AutoSuggest > 使用案例 >

ajax suggest,用ajax创建autosuggest文本框

祁聪
2023-12-01

待办事项如下:

在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:

//--- this will be your input text

//--- this is your autosuggest box which will appear down to textbox. Use css to show it at proper location.

格式的DIV看起来像一个自动提示框。使用css来实现这一点。

此外,当用户选择从自动提示框调用Java脚本功能,并在服务器端以下 document.getElementById('id_of_div').style.display = "none";

编辑

,当你得到数据库列表做如下一个选项:

for(Iterator it=db_list.iterator();it.hasNext();)

{

Object obj = (Object) it.next();

String value = obj.getValue();

out.print(value+"
");

}

希望这有助于。

 类似资料: