Question

当用户通过使用ajax调用键入单词时，我试图通过自动填充搜索框来让我的最终用户轻松搜索我的网站。

现在我首先要向您展示我的代码，然后我将添加我的问题。

这是HTML：

<input type="text" id="searchfield" name="q" >

和jquery：

jQuery("#searchfield").keypress(function(e){
        var searchval = jQuery("#searchfield").val();       
        console.log(searchval);

        /*
        jQuery.ajax({
            type: 'POST',
            url: 'ajax_handler.php',
            dataType: 'json',
            data: {
                search: searchval
            },
            succes: function(data){
                console.log("good");
                console.log(data.msg);
            },
            error: function(data){
                console.log("error");
            }

        });
            return false;
        */  
    });

注意：我正在使用jquery 1.3.2.min.js

现在，每当我在控制台中看到我的searchterm时，就会像这样记录searchval。但是当我在输入一个字母后取消注释我的ajax请求时，我的输入框变空了。
当我向我的搜索引脚添加一封信时，我将我的ajax注释并查看firebug，我的ajax请求中的搜索值似乎是空的。怎么样？
如何通过包含建议值的文本框获取下拉列表。假设我从ajax请求中返回的值是可以的。（我可能需要将值添加到html对象，但是哪一个？以及如何？）

这完全基于本教程：Link to tutorial

我希望有人可以帮助我。不管怎样，谢谢！

Answer 1

我认为1.和2.的问题与句子“返回错误”有关。在你的功能结束时。删除它，然后重试。

至于自动完成，我建议你不要发明自行车并搜索像这样的自动完成插件：http://www.pengoworks.com/workshop/jquery/autocomplete.htm

关于自动填充搜索字词的几个问题

1 个答案: