急求高手！这个怎样实现！点击输入框，弹出一个窗口，窗口里是些从数据库查询的返回值，

Question

急求高手！这个怎样实现！点击输入框，弹出一个窗口，窗口里是些从数据库查询的返回值，然后点这个值的时候，就又会把这个值赋值给这个输入框。例如：<input name="city" type="input" value="" onclick="getCity()" />当我点击这个输入框的时候，就会在输入框下方弹出一个窗口（就像很多日期选择的那种）
弹出的这个窗口上是 获取数据库里的城市列表， 可以供点击选择， 
选择好后，这个input的value就变成选择的这个值了。
也就是像大多数机票网站这种，点击输入框，弹出城市列表的。
怎么实现啊

Answer 1

做成select的形式不行么。。简单明了城市也不会太多吧。。

Answer 2

在input下面添加一个层，使用ajax请求获取数据添加到层里面。

Answer 3

可以在初始经时把数据都加载到div里，在点击文本框时，在把div 显示出来。并对其设置位置。

Answer 4

使用AJAX，
可以搜索下google提示框，有代码可以看

Answer 5

<input name="city" type="input" value="" onclick="getCity(this)" />function getCity(o){
    1、创建一个DIV，显示在鼠标所在的位置（在DIV中先放一个loading GIF）。
    2、异步调用XMLHTTP请求A端，请求路径后面加问号“...?n=o.name”，A端查询“n”返回city信息字串。
    3、设置好样式把返回的city信息innerHTML进DIV（设置loading GIF的display为none）。
    4、在DIV的信息列表行上绑定onclick方法 — 点选后所在字符写入input，同时removeChild该DIV。
}

Answer 6

我如果能搜索到 也不会在这里提问啊  
再说google已经退出中国了

Answer 7

也可以参考一下window.showModalDialog

Answer 8

1.前台放个div隐藏起来
2.点击的时候使用AJAX技术或者其他框架技术向后台，后台把数据封装成json格式数据返回,如jquery：
   $.get("city.jsp?name=北京",funtion(data){
      //在这里写把data
     遍历这个返回的data数据，填充到div上再让他显示出来
   });

Answer 9

已经说得很详细了，就差把文字变成code了。写JS，还要写CSS，还要写ajax，还要写后台查询，还要上传调试，体力活累人啊，我是玩JS的 ......
突然想问个问题：这论坛上的朋友们该不都是从事web编程工作的吧？

Answer 10

我日常浏览的网页，登陆认证框之类的，还有web2.0应用等等东东，就真的是你们编写的吗？

Answer 11

楼上几位说的很详细了。
js Ajax 向服务端提交请求，
服务端查询数据，再返回给js，
js 生成个列表添加到一个div中显示。
列表中的每条数据，加个onclick 事件，将该数据添加到输入框，
隐藏或清除div中的列表。