如何实现这样的效果？

Question

功能是不是类似 autocomplete？为何要两个text input？

Answer 1

1、是的 类似    用两个是可以有更多的选择项  一个也可以的   
2、ajax 怎么完成

Answer 2

用ajax，但新手最好别用ajax框架贴段代码给你：html端：function getQueryStr(QueryCondition)
{
//获取查询字符串
var xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
var s=new String(""); s = "QueryHandler.aspx?XXXXXXXXX=" + QueryCondition + "&NUM=" + Math.random();
xmlHttp.open("GET", s, false); //不支持某些特殊字符，但是post支持
xmlHttp.send();
if (xmlHttp.readyState==4)
{
    return xmlHttp.responseText;
}
}function fillListByStr()
{
//根据字符串填充下面的大列表框
var Items = new Array();
var ItemStr = getQueryStr(document.getElementById('text1'));
Items = ItemStr.split('|'); //以'|'作为分割字符，得到一个数组,保存列表（后面代码略，根据Items生成list的各个Item）
}后端（如asp.net）
public void page_Load()
{
        string Result;
       
        if(Request.HttpMethod == "GET")
        {
           Result = getQueryListStr(Request.Params["XXXXXXXXX"]);
        }        context.Response.Write(Result)
}public string getQueryListStr(QueryWord)
{
   (返回从数据库查询出来的字符，以'|'分割)
}