像携程首页那个查询机票的文本框，点一下就弹出一个大框框，大框框里面的内容可以随文本框输入不同而改变，这个用.NET怎么实现啊？？？

Question

RT，感觉好像用的是DIV和AJAX 但是没有思路 希望高手指点
标题说具体点 比如点击本文框的时候，那个大框框里面是常用出发城市
在本文狂里输入t 大框框就动态查询 出现天津 太原等城市
还有 这些城市背后应该还有一个VALUE属性 就是航空公司的城市代码 类似于下拉框里面 显示的“天津”是Text 还应该绑定一个Value是“TSN”
这个绑定怎么在大框框里面的文字上实现啊，就是如何把Text绑定一个Value啊
谢谢高手了！！
(顺便有没有人告诉我这里面怎么上传我本地截下来的图片啊，有图更清晰，可是那个上传图片是一个http地址，我就崩溃了)

Answer 1

鼠标则显示出隐藏的DIV。然后DIV你绑定出数据。选定了则赋值给文本框。差不多就这些吧

Answer 2

应该就是ajax+div实现的。
按钮按下的时候，ajax请求“城市”=文本框的值。（如果是拼音则要有拼音库）。
然后组装成div显示出来。或者返回成数组，写个class，传入数组，就显示出来。
至于Text绑定Value，那可以给个hidden类型的Text,id有规律就行了。
比如<input id='tj' value='天津'><input type='hidden' id='tj_v' value='tsn'>

Answer 3

http://download.csdn.net/source/1371280

Answer 4

鼠标则显示出隐藏的DIV。然后DIV你绑定出数据。
输入内容时Ajax向服务器取是数据绑定
选定了则赋值给文本框。差不多就这些吧

Answer 5

放个隐藏层用JS+AJAX就可以实现textbox的值改变通过AJAX异步提交数据。。返回结果

Answer 6

这个思路我明白啊 可是我对AJAX应用先也就限于那个updatapannel 那个一步一步写AJAX那几步写不来
有没有高手抽空帮贴点代码 谢谢了！
而且那个DIV显示隐藏的什么 还得JS吧 反正自己现在一头雾水 高手帮忙啊！

Answer 7

autocomplate这个控件，
ajax的应用

Answer 8

autocomplate，随便查下，一大堆

Answer 9

    <script language="javascript" type="text/javascript">
    var request=null;
    var time=null;
    function CreateXMLHttpRequest()//实例化HttpRequest
    {     
     try
     {
      request=new ActiveXObject("Msxml2.XMLHTTP");
     }
     catch(c)
     {
      try
      {
       request=new ActiveXObject("Microsoft.XMLHTTP");
      }
      catch(b)
      {
       request=null;
      }
     }
     if(!request&&typeof XMLHttpRequest!="undefined")
     {
      request=new XMLHttpRequest();
     }   
     return request;
    }  
    //搜索  
    function Search()
    {
        var key=document.getElementById("txt").value;         
        CreateXMLHttpRequest();        
        request.open("Post","Search.aspx?Key="+key,true);        
        request.onreadystatechange=function(){Show();}  //不知道怎么的直接写成ShowInfo()IE报JS错误
        request.send(null);                        
    }
    function Show()
    {
        document.getElementById("search").style.display="block";
        if(request.readystate==4&&request.status==200)
        {
            document.getElementById("search").innerHTML=request.responsetext;
        }
    }    
    function SeachInfo()
    {
      time = setInterval("Search()",1000);
    }  
    function Sout()
    {
       clearInterval(time);
       document.getElementById("search").style.display="none";
    }  
    </script>
<input id="txt" type="text" value="2" onfocus="SeachInfo();" onblur="Sout();" />
<div id="search" style="display:none;"></div>
Search.aspx页string key = Request["Key"];
Response.Write("按传入的参数（" + key + "）查询数据!");//根据传入的参数查询数据，可以是数据库中的数据

Answer 10

感谢上面高手，那个autoComplete我查到了，果然是这个功能，然后它和我的需求有点出入，我写下来
我想实现比如说我在文本框里输入tia，下面的填充框就显示出来好多地名，比如有一项是tianjin-天津（从数据库里查的）我想当我选择这项的时候（用鼠标或上下箭头），文本框里面只出现汉语的“天津”，不要和下面填充框一样显示tianjin-天津
这个应该在代码里怎么改啊其实我又发了个帖子问
http://topic.csdn.net/u/20101008/20/cfccc15b-a0fc-4290-87dc-cb367167349b.html
万一以后人看到能用上呢
期待高手回答