自动填充搜索作为输入值的更改

时间:2012-08-16 14:13:29

标签: jquery forms search input

我有一个像 -

这样的搜索表单

image here

我想要做的是用jquery和php获取结果,因为用户更改了任何表单元素的值,但我只能在所有这些表单都被视为单个而没有其他选项的情况下才能执行。但是,每当任何表单值发生变化时,我都希望触发它。

google.load("jquery", "1.3.1");
google.setOnLoadCallback(function()
{
    // Safely inject CSS3 and give the search results a shadow
    var cssObj = { 'box-shadow' : '#888 5px 10px 10px', // Added when CSS3 is standard
        '-webkit-box-shadow' : '#888 5px 10px 10px', // Safari
        '-moz-box-shadow' : '#888 5px 10px 10px'}; // Firefox 3.5+
    $("#suggestions").css(cssObj);

    // Fade out the suggestions box when not active
     /*$("input").blur(function(){
        $('#suggestions').fadeOut();
     });*/
});

function lookup(inputString) {
    if(inputString.length == 0) {
        $('#suggestions').fadeOut(); // Hide the suggestions box
    } else {
        $.post("regularsearch.php", {queryString: ""+inputString+""}, function(data) { // Do an AJAX call
            $('#suggestions').fadeIn(); // Show the suggestions box
            $('#suggestions').html(data); // Fill the suggestions box
        });
    }
}

上面是我的一个元素搜索的jquery。如何一次搜索所有内容?

1 个答案:

答案 0 :(得分:0)

这是我写的一个jquery插件,可以帮助你解决这个问题。它使用ajax在用户输入时从服务器检索数据。

http://jsfiddle.net/alforno/g4stL/