用ajax+HttpRequest实现自动搜索

Question

我已经能显示出数据，如：要查询关于“张”的名字，这些都显示出来了。现在的问题是我如何现在某一条记录并在单击这条记录是把值赋给textbox控件。（这些都是在js中实现的）拜托谁知道答案请帮我解答，这个问题已经困惑我一天了。拜托！！！！

Answer 1

如果是用GridView绑定数据的话
例如这样一个Table<table id="gv">
<tr>
    <td>姓名</td><td>年龄</td>
</tr>
<tr><td>张1</td><td>25</td></tr>
<tr><td>张2</td><td>26</td></tr>
<tr><td>张3</td><td>27</td></tr>
<tr><td>张4</td><td>28</td></tr>
<tr><td>张5</td><td>29</td></tr>
</table>
<asp:TextBox ID="txt" runat="server"></asp:TextBox><script type="text/javascript">
    //获取Table对象
    var tb = document.getElementById("gv");
    var td = tb.getElementsByTagName("td");
    for(var i = 0; i < td.length; i++)
    {
        td[i].setAttribute("style", "cursor:pointer");
        //为每个td添加单击事件
        td[i].onclick = function()
        {
            //获取TextBox
            var txt = document.getElementById("txt");
            //TextBox 显示数据
            txt.value = this.innerHTML;
        }
    }
</script>

Answer 2

不要用这么原始的东西。用 jQuery 只要3行代码：http://plugins.jquery.com/plugin-tags/autosuggest

Answer 3

可是我读取出来的数据是用js读取的，然后把值付给一个div
function updatePage()
        {
            if (request.readyState == 4)  //响应已完成，可以访问服务器响应并使用它。 
            {
                if (request.status == 200)  //表示一切顺利
                {
                    var div = document.getElementById("div_GetValue")
                    div.innerHTML = "";
                    var json = request.responseText.split(",");
                    div.innerHTML += "<ul class=\"MenuListBox\">";
                    for (var i = 0; i < json.length; i++)
                    {
                        div.innerHTML +="<li>"+ json[i] + "</li><br>";
                    }
                    div.innerHTML+="</ul>";
                }
                else
                    alert("状态时:" + request.status);
            }
        }

Answer 4

不好意思，对于jQuery我一点都不会，而且，我们boss让我用这种方式，不知道什么原因，也许是想让我了解某些东西把。而且我现在这种方式也是一边查询一边学习才写出来这么多的。