一个文本框，当输入一些字符后，通过ajax+jquery会从后台查到一些数据，当数据返回到页面上时，需要将文本框变成下拉框，下拉框中显示返回的数据，该怎么实现

问题描述

一个文本框，当输入一些字符后，通过ajax+jquery会从后台查到一些数据，当数据返回到页面上时，需要将文本框变成下拉框，下拉框中显示返回的数据，现在能得到数据，就是不知道怎么将原来的文本框变成下拉框

解决方案

解决方案二：
做两个控件，根据情况隐藏一个，表示一个。document.getElementById("xxx").style.display="";//表示document.getElementById("xxx").style.display="none";//不表示
解决方案三：
为什么不试试用jquery的Autocomplete控件呢?
解决方案四：
首先在页面上的相应位置隐藏一个div等查询出数据之后，将数据组合成table放到div中然后显示div并且在table的每个tr中设置动作监听，点击的话，将内容复制到上面文本框中，然后div消失同时监听上下键，将选中的tr背景颜色更改。
解决方案五：
个人觉得可以参照3楼的做做法，将返回的数据列表显示在隐藏的div中即可。每一行数据也可以放在div中，方便样式和事件，完全可以做成百度搜索的样子。不过关键的是能定好位，要不然偏了不好看。
解决方案六：
DOM操作啊，得到数据后，新建一个下拉列表，然后替换到那个文本框
解决方案七：
这种控件太多了何必自己写
解决方案八：
typeahead.js自动补全功能